Style borderLeftStyle eigenschap

Definitie en gebruik

borderLeftStyle Eigenschap instellen of retourneren van de stijl van de linksonderste rand van het element.

Raadpleeg ook:

CSS handleiding:CSS border

CSS referentiële handleiding:border-left-style eigenschap

HTML DOM referentiële handleiding:border eigenschap

实例

Voorbeeld 1

Voeg een massieve linker border toe aan het <div>-element:

document.getElementById("myDiv").style.borderLeftStyle = "solid";

Probeer het zelf uit

Voorbeeld 2

Wijzig de stijl van de linker border van het <div>-element naar "dotted":

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

Probeer het zelf uit

Voorbeeld 3

Retourneert de stijl van de linker border van het <div>-element:

alert(document.getElementById("myDiv").style.borderLeftStyle);

Probeer het zelf uit

Voorbeeld 4

Demonstratie van alle verschillende waarden:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

Probeer het zelf uit

Syntaxis

Geef de borderLeftStyle-eigenschap terug:

object.style.borderLeftStyle

Stel de borderLeftStyle-eigenschap in:

object.style.borderLeftStyle = value
Waarde Beschrijving
none Definieert geen border. Standaard.
hidden Gelijk aan "none", maar uitzonderlijk in het oplossen van borderconflicten van tabel-elementen.
dotted Definieert een gepunktte border.
dashed Definieert een gestreepte border.
solid Definieert een massieve border.
double Definieert twee grenzen. De breedte van beide borden is gelijk aan de waarde van border-width.
groove Definieert een 3D inkeping border. Het effect hangt af van border-color waarden.
ridge Definieert een 3D geplooide border. Het effect hangt af van border-color waarden.
inset Definieert een 3D ingesprongen border. Het effect hangt af van border-color waarden.
outset Definieert een 3D uitstekende border. Het effect hangt af van border-color waarden.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Erft deze eigenschap van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: none
Retourwaarde: Een string die de stijl van de linker border van het element aangeeft.
CSS versie: CSS1

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support