Stylgrens Eiendom _
Voorbeeld
Voeg 'n rand by 'n <div>-element:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die grenseienskap stel of gee tot drie afsonderlike grenseienskappe terug, in 'n snelskrifvorm.
Met hierdie eiendom kan jy een of meer van die volgende (in enige volgorde) stel/terugstuur:
- grens-breedte
- grens-styl
- rand-kleur
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaksis
Gee die grenseiendom terug:
object.style.border
Stel die grenseienskap:
object.style.border = "width style color|initial|inherit"
Eiendomswaardes
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
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: | nie gespesifiseer nie |
---|---|
Terugkeerwaarde: | 'n String, wat die randwydte, styl en/of kleur van 'n element voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die breedte, styl en kleur van die rand van 'n <div>-element:
document.getElementById("myDiv").style.border = "thin dotted red";
Voorbeeld
Gee die grenseienskapwaardes van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.border);
Verwante bladsye
CSS handleiding: CSS Border
CSS verwysing: grens eiendom