StylgrensBottomStyleiendom _ _
Voorbeeld
Voeg 'n "soliede" onderrand by 'n <div>-element:
document.getElementById("myDiv").style.borderBottomStyle = "solid";
Definisie en gebruik
Die borderBottomStyle-eienskap stel of gee die styl van die onderste rand van 'n element terug.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Let wel: Die waarde "versteek" word nie in IE7 en vroeër weergawes ondersteun nie. IE9 en later ondersteun "versteek".
Sintaksis
Gee die borderBottomStyle-eienskap terug:
object.style.borderBottomStyle
Stel die borderBottomStyle-eienskap:
object.style.borderBottomStyle = value
Eiendomswaardes
Value | Description |
---|---|
none | Defines no border. This is default |
hidden | Same as "none", except in border conflict resolution for table elements |
dotted | Defines a dotted border |
dashed | Defines a dashed border |
solid | Defines a solid border |
double | Defines two borders. The width of the two borders are the same as the border-width value |
groove | Defines a 3D grooved border. The effect depends on the border-color value |
ridge | Defines a 3D ridged border. The effect depends on the border-color value |
inset | Defines a 3D inset border. The effect depends on the border-color value |
outset | Defines a 3D outset border. The effect depends on the border-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 onderste rand voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die styl van die onderste rand van 'n <div>-element na "dotted":
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Voorbeeld
Gee die onderste randstyl van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.borderBottomStyle);
Voorbeeld
'n Demonstrasie van al die verskillende waardes:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
Verwante bladsye
CSS handleiding: CSS Border
CSS verwysing: grens-onder-styl eiendom
HTML DOM verwysing: grens eiendom