CSS border-links-kleur eigenschap

definitie en gebruik

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

Men kan alleen puur kleur definiëren, en alleen wanneer de stijl van de rand geen none of hidden is, kan de rand verschijnen.

opmerking:Meld de eigenschap border-style altijd voor de eigenschap border-color. Het element moet de 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 linkermarge:

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 bepaalt de kleur van de rand met behulp van een kleurnaam (bijv. rood).
hex_number bepaalt de kleur van de rand met behulp van een hexadecimale waarde (bijv. #ff0000).
rgb_number bepaalt de kleur van de rand met behulp van rgb-code (bijv. rgb(255,0,0)).
transparent standaardwaarde. De kleur van de rand is transparant.
inherit bepaalt dat de kleur van de rand van het ouder element moet worden geërfd.

technische details

standaardwaarde: niet gespecificeerd
inheritance: nee
versie: CSS1
JavaScript syntax: object.style.borderLeftColor="blue"

Meer voorbeelden

Instellen van de kleur van de linkermarge
Dit voorbeeld demonstreert hoe je de kleur van de linkermarge 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. IE8 vereist !DOCTYPE. IE9 ondersteunt "inherit".

" -->