Style borderColor egenskab

Definering og brug

borderColor Egenskaben sætter eller returnerer elementets kantfarve.

Denne egenskab kan have op til fire værdier:

  • En værdi, f.eks.: p {border-color: red} - alle fire kanter er røde
  • To værdier, f.eks.: p {border-color: red transparent} - Øverste og nederste kanter er røde, venstre og højre kanter er gennemsigtige
  • Tre værdier, f.eks.: p {border-color: red green blue}- Øverste kant er rød, venstre og højre kanter er grønne, nederste kant er blå
  • Fire værdier, f.eks.: p {border-color: red green blue yellow} - Øverste kant er rød, højre kant er grøn, nederste kant er blå, venstre kant er gullig

Se også:

CSS tutorial:CSS kant

CSS reference manual:border-color egenskab

HTML DOM reference manual:border egenskab

Eksempel

Eksempel 1

Ændr kantfarven på <div>-elementets fire kanter til rød:

document.getElementById("myDiv").style.borderColor = "red";

Prøv det selv

Eksempel 2

Ændr kantfarven på <div>-elementets opad- og nedadgående kanter til grøn, og kantfarven på venstre og højre kanter til lilla:

document.getElementById("myDiv").style.borderColor = "green purple";

Prøv det selv

Eksempel 3

Returnerer kantfarven på <div>-elementet:

alert(document.getElementById("myDiv").style.borderColor);

Prøv det selv

Syntaks

Returner borderColor egenskab:

object.style.borderColor

Indstil borderColor egenskab:

object.style.borderColor = "color|transparent|initial|inherit"

Egenskabsværdi

Værdi Beskrivelse
color

Angiver kantfarven. Standardfarven er sort.

Se CSS farveværdierfor en fuldstændig liste over mulige farveværdier.
transparent Kantfarven er gennemsigtig (underliggende indhold kommer til syne).
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra sin forældrelement. Se inherit.

Tekniske detaljer

Standardværdi: black
Returværdi: En streng, der repræsenterer elementets kantfarve.
CSS version: CSS1

Browser-understøttelse

Tabelens tal angiver versionen af den første browser, der fuldt ud understøtter denne egenskab.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5