CSS buitelyn-breedte eiendom
Voorbeeld
Stel die breedte van 'n buitelyn:
div {outline-width: thick;}
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-width
spesifiseer die breedte van 'n buitelyn.
Let wel: Verklaar altyd die buitelyn-styl eiendom voor die
outline-width
eiendom. 'n Element moet 'n buitelyn hê voordat jy die breedte daarvan verander.
Standaard waarde: | medium |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS2 |
JavaScript-sintaksis: | voorwerp .style.outlineWidth="12px" |
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-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS-sintaksis
outline-width: medium|thin|thick|length|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
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 die breedte van die buitelyn op medium (dit is verstek):
div {outline-width: medium;}
Voorbeeld
Stel die breedte van die buitelyn op dun:
div {outline-width: thin;}
Voorbeeld
Stel die breedte van die buitelyn na 1px:
div {outline-width: 1px;}
Voorbeeld
Stel die breedte van die buitelyn na 15px:
div {outline-width: 15px;}
Verwante bladsye
CSS handleiding: CSS Outline
CSS verwysing: uiteensetting eiendom
HTML DOM verwysing: outlineWidth eiendom