CSS border-rechts-kleur eigenschap

Definitie en gebruik

border-right-color stelt de kleur van de rechterrand van het element in.

Je kunt alleen een puur kleur definiëren, en alleen als de stijl van de rand een waarde is die niet none of hidden is, kan de rand verschijnen.

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

Zie ook:

CSS handleiding:CSS rand

CSS referentiemanual:border-right eigenschap

HTML DOM referentiemanual:borderRightColor eigenschap

Voorbeeld

Instellen van de kleur van de rechterrand:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
color_name Bepaalt de randkleur met behulp van een kleurnaam (bijv. rood).
hex_number Bepaalt de randkleur met behulp van een hexadecimaal getal (bijv. #ff0000).
rgb_number Bepaalt de randkleur met behulp van rgb-code (bijv. rgb(255,0,0)).
transparent Standaardwaarde. De randkleur is transparant.
inherit Bepaalt dat de randkleur van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritschap: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderRightColor="blue"

Meer voorbeelden

Instellen van de kleur van de rechterrand
Dit voorbeeld toont hoe je de kleur van de rechterrand 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".