CSS border-beneden-kleur eigenschap

Definitie en gebruik

border-bottom-color stelt de kleur van de onderste border van het element in.

Je kunt alleen een puur kleur definiëren, en alleen als de borderstijl een waarde is die niet none of hidden is, kan de border zichtbaar zijn.

Opmerking:Gebruik altijd het border-style eigenschap voor het border-color eigenschap. Het element moet een border hebben voordat je de kleur wijzigt.

Zie ook:

CSS handleiding:CSS rand

CSS referentiemanual:border-bottom eigenschap

HTML DOM referentiemanual:borderBottomColor eigenschap

Voorbeeld

Instellen van de kleur van de onderste border:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
color_name Het voorschrift voor de borderkleur is een kleurnaam (bijv. red).
hex_number Het voorschrift voor de borderkleur is een hexadecimaal getal (bijv. #ff0000).
rgb_number Het voorschrift voor de borderkleur is een rgb-code (bijv. rgb(255,0,0)).
transparent Standaardwaarde. De borderkleur is transparent.
inherit Het wordt voorgeschreven dat de borderkleur van het ouder element moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderBottomColor="blue"

Meer voorbeelden

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