Styl uiteensettingStyl Eiendom
Voorbeeld
Voeg 'n "soliede" uiteensetting rondom 'n <div>-element by:
document.getElementById("myDiv").style.outlineStyle = "solid";
Definisie en gebruik
Die outlineStyle-eienskap stel of gee die styl van die buitelyn rondom 'n element terug.
'n Buitelyn 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 | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die outlineStyle-eienskap terug:
object.style.outlineStyle
Stel die outlineStyle-eienskap:
object.style.outlineStyle = value
Eiendomswaardes
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
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: | geen |
---|---|
Terugkeerwaarde: | 'n String, wat die styl van 'n element se buitelyn voorstel |
CSS weergawe | CSS2 |
Meer voorbeelde
Voorbeeld
Verander die buitelynstyl van 'n <div>-element:
document.getElementById("myDiv").style.outlineStyle = "solid";
Voorbeeld
Gee die buitelynstyl van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.outlineStyle);
Voorbeeld
'n Demonstrasie van al die verskillende waardes:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Verwante bladsye
CSS handleiding: CSS Outline
CSS verwysing: buitelyn-styl eiendom
HTML DOM verwysing: uiteensetting eiendom
❮ Stylvoorwerp