CSS buitelyn-kleur Eiendom
Voorbeeld
Stel 'n kleur vir die buitelyn:
div {outline-color: coral;}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
'n Buitelyn is 'n lyn wat om elemente, buite die grense, getrek word om die element te laat "uitstaan".
Die outline-color
eiendom spesifiseer die kleur van 'n buitelyn.
Let wel: Verklaar altyd die buitelyn-styl eiendom voor die
outline-color
eiendom. 'n Element moet 'n buitelyn hê voordat jy die kleur daarvan verander.
Standaard waarde: | keer om as dit ondersteun word, anders huidige kleur |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS2 |
JavaScript-sintaksis: | voorwerp .style.outlineColor="#FF0000" |
Wenke en notas
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.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Let wel: Die waarde invert
word nie in enige blaaiers ondersteun nie, behalwe Internet Explorer 8.
CSS-sintaksis
outline-color: invert|color|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
invert | Performs a color inversion. This ensures that the outline is visible, regardless of color background. Note: Browsers are not required to support this value. | |
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Meer voorbeelde
Voorbeeld
Stel 'n kleur vir die buitelyn met 'n HEX-waarde:
div {outline-color: #92a8d1;}
Voorbeeld
Stel 'n kleur vir die buitelyn met 'n RGB-waarde:
div {outline-color: rgb(201, 76, 76);}
Voorbeeld
Stel 'n kleur vir die buitelyn met 'n RGBA-waarde:
div {outline-color: rgba(201, 76, 76, 0.3);}
Voorbeeld
Stel 'n kleur vir die buitelyn met 'n HSL-waarde:
div {outline-color: hsl(89, 43%, 51%);}
Voorbeeld
Stel 'n kleur vir die buitelyn met 'n HSLA-waarde:
div {outline-color: hsla(89, 43%, 51%, 0.3);}
Verwante bladsye
CSS handleiding: CSS Outline
CSS verwysing: uiteensetting eiendom
HTML DOM verwysing: outlineColor eiendom