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 zuivere kleur definiëren, en de border kan alleen verschijnen wanneer de borderstijl een waarde is die niet "none" of "hidden" is.

opmerking:Zorg ervoor dat de eigenschap border-style altijd voor de eigenschap border-color wordt gedeclareerd. Het element moet een border hebben voordat je de kleur verandert.

Zie ook:

CSS handleiding:CSS rand

CSS referentiehandleiding:border-bottom eigenschap

HTML DOM referentiehandleiding: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 bepaalt de borderkleur met een kleurnaam (bijv. red).
hex_number bepaalt de borderkleur met een hexadecimaal waarde (bijv. #ff0000).
rgb_number bepaalt de borderkleur met rgb-code (bijv. rgb(255,0,0)).
transparent Standaardwaarde. De borderkleur is transparent.
inherit bepaalt dat de borderkleur van het ouder element moet worden geërfd.

technische details

Standaardwaarde: niet gespecificeerd
inheritance: nee
versie: CSS1
JavaScript syntaxis: object.style.borderBottomColor="blue"

Meer voorbeelden

Instellen van de kleur van de onderste border
Dit voorbeeld demonstreert 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 geen eigenschapswaarde "transparent".

opmerking:Internet Explorer 7 en oudere versies van browsers ondersteunen geen waarde "inherit". Internet Explorer 8 vereist !DOCTYPE. Internet Explorer 9 ondersteunt "inherit".