Style borderLeftStyle Property
Voorbeeld
Voeg een "vaste" linkerrand toe aan een <div>-element:
document.getElementById("myDiv").style.borderLeftStyle = "solid";
Definitie en gebruik
Met de eigenschap borderLeftStyle wordt de stijl van de linkerrand van een element ingesteld of geretourneerd.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
borderLeftStyle | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap borderLeftStyle:
object.style.borderLeftStyle
Stel de eigenschap borderLeftStyle in:
object.style.borderLeftStyle = 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 linkerrand van een element weergeeft |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Wijzig de stijl van de linkerrand van een <div>-element in "gestippeld":
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Voorbeeld
Retourneer de linkerrandstijl van een <div> -element:
alert(document.getElementById("myDiv").style.borderLeftStyle);
Voorbeeld
Een demonstratie van alle verschillende waarden:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;
Gerelateerde pagina's
CSS-zelfstudie: CSS-rand
CSS-referentie: eigenschap border-left-stijl
HTML DOM-referentie: grenseigenschap