CSS border-boven-kleur eigenschap

Definitie en gebruik

border-top-color stelt de kleur van de bovenste rand van het element in.

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

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

Zie ook:

CSS tutorial:CSS rand

CSS referentiemanual:border-top eigenschap

HTML DOM referentiemanual:borderTopColor eigenschap

Voorbeeld

Instellen van de kleur van de bovenste rand:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Eigenschapswaarde

Waarde Beschrijving
color_name Het voorschriften dat de randkleur de naam van de kleur moet zijn (bijvoorbeeld rood).
hex_number Het voorschriften dat de randkleur de hexadecimale waarde moet zijn (bijvoorbeeld #ff0000).
rgb_number Het voorschriften dat de randkleur de rgb-code moet zijn (bijvoorbeeld rgb(255,0,0)).
transparent Standaardwaarde. De randkleur is transparant.
inherit Het wordt voorgeschreven dat de randkleur van het ouder element moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritsbaarheid: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderTopColor="blue"

Meer voorbeelden

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