CSS uiteensetting
'n Buitelyn is 'n lyn wat buite die element se grens getrek word.
CSS uiteensetting
'n Buitelyn is 'n lyn wat om elemente getrek word, BUITE die grense, om die element te laat "uitstaan".
CSS het die volgende uiteensetting eienskappe:
-
outline-style
-
outline-color
-
outline-width
-
outline-offset
-
outline
Let wel: Omlyn verskil van grense ! Anders as grens, is die buitelyn buite die element se grens geteken, en kan ander inhoud oorvleuel. Die buitelyn is ook NIE deel van die element se afmetings nie; die element se totale breedte en hoogte word nie deur die breedte van die buitelyn beïnvloed nie.
CSS-oorsigstyl
Die outline-style
eiendom spesifiseer die styl van die buitelyn, en kan een van die volgende waardes hê:
dotted
- Definieer 'n stippellyndashed
- Definieer 'n stippellynsolid
- Definieer 'n soliede uiteensettingdouble
- Definieer 'n dubbele buitelyngroove
- Defines a 3D grooved outlineridge
- Defines a 3D ridged outlineinset
- Defines a 3D inset outlineoutset
- Defines a 3D outset outlinenone
- Defines no outlinehidden
- Defines a hidden outline
The following example shows the different outline-style
values:
Example
Demonstration of the different outline styles:
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
Result:
A dotted outline.
A dashed outline.
A solid outline.
A double outline.
A groove outline. The effect depends on the outline-color value.
A ridge outline. The effect depends on the outline-color value.
An inset outline. The effect depends on the outline-color value.
An outset outline. The effect depends on the outline-color value.
Note: None of the other outline properties (which you will learn more about in the next chapters) will have ANY effect unless the
outline-style
property is set!