CSS border-links-stijl eigenschap

Definitie en gebruik

border-left-style stelt de stijl van de linkerkant van het element in.

De rand verschijnt alleen als deze waarde niet "none" is.

In CSS1 hoeft de HTML gebruikeragent alleen solid en none te ondersteunen.

CSS handleiding:CSS rand

CSS referentiehandleiding:border-left eigenschap

HTML DOM referentiehandleiding:borderLeftStyle eigenschap

Instellen van de stijl van de linkerkant van de rand:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Waarde	Beschrijving
none	Definieert geen rand.
hidden	Is hetzelfde als "none". Tenzij het op een tabel wordt toegepast, voor tabellen wordt "hidden" gebruikt om randconflicten op te lossen.
dotted	Definieert een gepuncteerde rand. Wordt in de meeste browsers weergegeven als een solide lijn.
dashed	Definieert een gestippelde lijn. Wordt in de meeste browsers weergegeven als een solide lijn.
solid	Definieert een solide lijn.
double	Definieert een dubbele lijn. De breedte van de lijn is gelijk aan de waarde van border-width.
groove	Definieert een 3D inkeping rand. Het effect hangt af van de waarde van border-color.
ridge	Definieert een 3D getande rand. Het effect hangt af van de waarde van border-color.
inset	Definieert een 3D ingesprongen rand. Het effect hangt af van de waarde van border-color.
outset	Definieert een 3D uitstekende rand. Het effect hangt af van de waarde van border-color.
inherit	Stelt dat de randstijl van de ouder-element moet worden geërfd.

Standaardwaarde:	niet gespecificeerd
Inheritsbaarheid:	nee
Versie:	CSS1
JavaScript syntaxis:	object.style.borderLeftStyle="dotted"

Instellen van de stijl van de linkerkant van de rand: Dit voorbeeld toont hoe je de stijl van de linkerkant van de rand instelt.

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	9.2