Styl grens Linker Eiendom
Voorbeeld
Voeg 'n linkerrand by 'n <div>-element:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Definisie en gebruik
Die borderLeft-eienskap stel of gee tot drie afsonderlike grens-linkseienskappe terug, in 'n snelskrifvorm.
Met hierdie eiendom kan jy een of meer van die volgende (in enige volgorde) stel/terugstuur:
- grens-links-breedte
- grens-links-styl
- grens-links-kleur
Blaaierondersteuning
Die borderLeft-eienskap word in alle groot blaaiers ondersteun.
Sintaksis
Gee die borderLeft eiendom terug:
object.style.borderLeft
Stel die borderLeft-eienskap:
object.style.borderLeft = "width style color|initial|inherit"
Eiendomswaardes
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left border |
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 breedte, styl en/of kleur van die linkerrand van 'n element voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die breedte, styl en kleur van die linkerrand van 'n <div>-element:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Voorbeeld
Gee die grens-links eiendom waardes van 'n <div> element:
alert(document.getElementById("myDiv").style.borderLeft);
Verwante bladsye
CSS handleiding: CSS Border
CSS verwysing: grens-linker eiendom
HTML DOM verwysing: grens eiendom