CSS border-links-breedte eigenschap

Definitie en gebruik

De border-left-width-eigenschap stelt de breedte van de linkerkantbalk van het element in.

Alleen van toepassing wanneer de randstijl niet "none" is. Als de randstijl "none" is, wordt de randbreedte eigenlijk op 0 hersteld. Negatieve lengtewaarden zijn niet toegestaan.

Opmerking:Altijd verklaren de border-style-eigenschap voor de border-left-width-eigenschap. Een element kan zijn randbreedte alleen wijzigen nadat het een rand heeft verkregen.

Zie ook:

Handleiding:CSS rand

Referentie:CSS border-links eigenschap

Referentie:HTML DOM borderLeftWidth eigenschap

Voorbeeld

Instellen van de breedte van de linkerkantbalk:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

Probeer het zelf

CSS syntaxis

border-left-width: medium|thin|thick|length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
thin Definieert een dunne linkerkantbalk.
medium Standaardwaarde. Definieert een gemiddelde linkerkantbalk.
thick Definieert een dikke linkerkantbalk.
length Laat je toe om de breedte van de linkerkantbalk aan te passen.
inherit Stelt dat de breedte van de rand van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: medium
Inheritabiliteit: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderLeftWidth="thick"

Meer voorbeelden

Instellen van de breedte van de linkerkantbalk
Dit voorbeeld demonstreert hoe je de breedte van de linkerkantbalk instelt.

Browserondersteuning

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Opmerking:IE7 en oudere browsers ondersteunen de waarde "inherit" niet. IE8 vereist !DOCTYPE. IE9 ondersteunt "inherit".