CSS border-links-breedte eigenschap

Definitie en gebruik

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

Het werkt alleen wanneer de stijl van de rand niet "none" is. Als de stijl van de rand "none" is, wordt de breedte van de rand effectief op 0 teruggezet. Negatieve lengtewaarden zijn niet toegestaan.

Opmerking:Verklaar altijd de border-style eigenschap voordat je de border-left-width eigenschap declareert. 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 Bepaalt 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".