CSS border-links eigenschap

Definitie en gebruik

De korte border-left-eigenschap stelt alle eigenschappen van de linker rand in één verklaring in.

Deze eigenschappen kunnen in de volgende volgorde worden ingesteld:

Als een van de waarden niet wordt ingesteld, is dat geen probleem, bijvoorbeeld border-left:solid #ff0000; is ook toegestaan.

Zie ook:

CSS handleiding:CSS rand

HTML DOM referentiemanual:borderLeft eigenschap

Voorbeeld

Stel het stijl van de linker rand in:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Probeer het zelf

CSS syntaxis

border-left: border-width border-style border-color|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
border-left-width Stelt de breedte van de linker rand vast. Zie ook:border-left-width mogelijke waarden.
border-left-style Stelt de stijl van de linker rand vast. Zie ook:border-left-style mogelijke waarden.
border-left-color Stelt de kleur van de linker rand vast. Zie ook:border-left-color mogelijke waarden.
inherit Stelt dat de instelling van de border-left-eigenschap van het ouderlijke element moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inherits: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderLeft="3px solid blue"

Meer voorbeelden

Alle linker rand-eigenschappen in één verklaring
Alle linker rand-eigenschappen in één verklaring

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 3.5 1.0

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