Stijl borderBottomStyle Property
Voorbeeld
Voeg een "vaste" onderrand toe aan een <div>-element:
document.getElementById("myDiv").style.borderBottomStyle = "solid";
Definitie en gebruik
Met de eigenschap borderBottomStyle wordt de stijl van de onderrand van een element ingesteld of geretourneerd.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Opmerking: de waarde "hidden" wordt niet ondersteund in IE7 en eerdere versies. IE9 en later ondersteunen "verborgen".
Syntaxis
Retourneer de eigenschap borderBottomStyle:
object.style.borderBottomStyle
Stel de eigenschap borderBottomStyle in:
object.style.borderBottomStyle = value
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | geen |
---|---|
Winstwaarde: | Een tekenreeks, die de stijl van de onderrand van een element weergeeft |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Wijzig de stijl van de onderrand van een <div>-element in "gestippeld":
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Voorbeeld
Retourneer de onderste randstijl van een <div> -element:
alert(document.getElementById("myDiv").style.borderBottomStyle);
Voorbeeld
Een demonstratie van alle verschillende waarden:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
Gerelateerde pagina's
CSS-zelfstudie: CSS-rand
CSS-referentie: eigenschap border-bottom-stijl
HTML DOM-referentie: grenseigenschap