Styl uiteensetting Eiendom
Voorbeeld
Voeg 'n uiteensetting rondom 'n <div>-element by:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definisie en gebruik
Die uiteensetting-eienskap stel of gee al die uiteensetting-eienskappe terug, in 'n snelskrifvorm.
Met hierdie eiendom kan jy een of meer van die volgende (in enige volgorde) stel/terugstuur:
- buitelyn-breedte
- buitelyn-styl
- buitelyn-kleur
'n Omtrek is 'n lyn rondom 'n element. Dit word rondom die kantlyn van die element vertoon. Dit is egter anders as die grenseiendom.
Die buitelyn is nie deel van die element se afmetings nie, daarom bevat die element se breedte- en hoogte-eienskappe nie die breedte van die buitelyn nie.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die buitelyn-eienskap terug:
object.style.outline
Stel die uiteensetting-eienskap:
object.style.outline = "width style color|initial|inherit"
Eiendomswaardes
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets 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 |
Tegniese besonderhede
Standaard waarde: | medium geen omkeer |
---|---|
Terugkeerwaarde: | 'n String, wat die buitelynwydte, styl en/of kleur van 'n element voorstel |
CSS weergawe | CSS2 |
Meer voorbeelde
Voorbeeld
Verander die breedte, styl en kleur van die buitelyn van 'n <div>-element:
document.getElementById("myDiv").style.outline = "5px dotted green";
Voorbeeld
Gee die buitelyn-eienskapwaardes van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.outline);
Verwante bladsye
CSS handleiding: CSS Outline
CSS verwysing: uiteensetting eiendom
❮ Stylvoorwerp