CSS border-links-kleur eigenschap

Definitie en gebruik

border-left-color stelt de kleur van de linkerkant van het element in.

Men kan alleen puur kleur definiëren, en alleen wanneer de stijl van de rand een waarde is die niet "none" of "hidden" is, kan de rand verschijnen.

Opmerking:Gebruik altijd de border-style eigenschap voordat je de border-color eigenschap declareert. Het element moet een rand hebben voordat je de kleur verandert.

Zie ook:

CSS handleiding:CSS rand

CSS referentiemanual:border-left eigenschap

HTML DOM referentiemanual:borderLeftColor eigenschap

Voorbeeld

Instellen van de kleur van de linkerkant van de rand:

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

Probeer het zelf

CSS syntax

border-left-color: color|transparent|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
color_name Het voorschrift van de randkleur met een kleurnaam (bijv. rood).
hex_number Het voorschrift van de randkleur met een hexadecimale waarde (bijv. #ff0000).
rgb_number Het voorschrift van de randkleur met rgb-code (bijv. rgb(255,0,0)).
transparent Standaardwaarde. De randkleur is transparant.
inherit Het wordt voorgeschreven dat de randkleur van de ouderweergave moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritabiliteit: nee
Versie: CSS1
JavaScript syntax: object.style.borderLeftColor="blue"

Meer voorbeelden

Instellen van de kleur van de linkerkant van de rand
Dit voorbeeld demonstreert hoe je de kleur van de linkerkant van de rand 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:Internet Explorer 6 (en oudere versies) ondersteunt de eigenschapswaarde "transparent" niet.

Opmerking:Internet Explorer 7 en oudere browsers ondersteunen de waarde "inherit" niet. Internet Explorer 8 vereist !DOCTYPE. Internet Explorer 9 ondersteunt "inherit".

" -->