CSS uiteensetting Eiendom
Voorbeeld
Stel 'n uiteensetting rondom 'n <h2>-element en 'n <div>-element:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
Definisie en gebruik
'n Buitelyn is 'n lyn wat om elemente, buite die grense, getrek word om die element te laat "uitstaan".
Die outline
eiendom is 'n snelskrif eiendom vir:
- buitelyn-breedte
- buitelyn-styl (vereis)
- buitelyn-kleur
As buitelyn-kleur weggelaat word, sal die kleur wat toegepas word die kleur van die teks wees.
Let wel: Buitelyne 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.
Standaard waarde: | medium omkeer kleur |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS2 |
JavaScript-sintaksis: | object .style.outline="#0000FF dotted 5px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS-sintaksis
outline: outline-width outline-style outline-color|initial|inherit;
Eiendomswaardes
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
CSS handleiding: CSS Outline
HTML DOM verwysing: uiteensetting eiendom