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