Opdateret d. 6.6.2002

border-color

Mulige værdier:	<'border-top-color'>, <'border-right-color'>, <'border-bottom-color'>, <'border-left-color'>
Brug af værdier:	Ét eller flere af ovenstående egenskaber defineres.
Benyttes med:	Alle HTML koder

Med border-color kan man angive én eller flere farver på kanterne af en boks. I modsætning til egenskaber som border og background er rækkefølgen ikke ligegyldig.

Note: Bemærk at du sandsynligvis skal også skal angive border-style og border-width for at border-color har effekt.

Ved angivelse af farven kan man benytte både decimal notation, hexadecimal notation eller farvens navn.
Hvis du vil vide hvordan du beregner den hexadecimale værdi ud fra den decimale, kan du gå til dokumentet Farver. Hvis du vil vide mere om hvordan du angiver farven i typografiark kan du gå til afsnittet Farver i dokumentet om enheder

Bemærk at de enkelte værdier kun er adskilt af et mellemrum.

Eksempel på brug af egenskaben border-color

H1 { border-color: red green }

Kanterne farves her med rød på top og bund. Venstre og højre kant vil være grøn.

table {border-color: red}
Alle fire kanter er røde

table {border-color: red green}
Kanter på top og bund er røde, venstre og højre kant er grønne.

table {border-color: red green blue}
Toppen er rød, venstre og højre kant er grønne og bunden er blå.

table {border-color: red green blue yellow}
Toppen er rød, højre kant er grøn, bunden er blå og venstre kant er gul.

Herunder kan du se rækkefølgen:

H1 { border-color: top højre bund venstre }

Egenskaberne under "Mulige værdier" i tabellen øverst på siden, er ikke forklaret andet steds i denne vejledning.
Du bruger dem hvis du kun vil angive farven på en enkelt kant. Hvis eksempelvis kun den øverste kant skal farves, vælges border-top-color, som vist her:

Eksempel på brug af egenskaben border-top-color

H1 { border-top-color: blue }