Egenskaben border-color

Egenskaben border-color angiver farven på kanten for alle sider samtidig eller hver for sig for hver side. Egenskabens værdi er enhver farveenhed. Standardværdien: den samme farve som blokkens tekst.

Egenskaben er en sammentrækning af følgende egenskaber: border-left-color, border-right-color, border-top-color, border-bottom-color.

Syntaks

selektor {
	border-color: farve;
}

Antal værdier

Egenskaben kan tage 1, 2, 3 eller 4 værdier, angivet adskilt af mellemrum:

Antal	Beskrivelse
`1`	Type for alle sider samtidig.
`2`	Første værdi for top og bund, anden - for venstre og højre kant.
`3`	Første værdi for top, anden - for venstre og højre kant, tredje - for nederste.
`4`	Første værdi for den øverste kant, anden - for højre, tredje - for nederste, fjerde - for venstre kant.

Eksempel

Lad os farve blokkens kant rød:

<div id="elem"></div>

#elem {
	border-width: 1px;
	border-style: solid;
	border-color: red;
	width: 300px;
	height: 100px;
}

Eksempel

Lad os angive rød kant for top og bund side, og lyseblå for højre og venstre side:

<div id="elem"></div>

#elem {
	border-width: 1px;
	border-style: solid;
	border-color: red blue;
	width: 300px;
	height: 100px;
}

Eksempel

Lad os angive rød kant for den øverste side, lyseblå for højre, grøn for nederste, sort for venstre side:

<div id="elem"></div>

#elem {
	border-width: 1px;
	border-style: solid;
	border-color: red blue green black;
	width: 300px;
	height: 100px;
}

Eksempel

Lad os angive samtidig forskellig tykkelse, type og kantfarve:

<div id="elem"></div>

#elem {
	border-width: 1px 2px 3px 4px;
	border-style: dashed dotted solid double;
	border-color: red blue green black;
	width: 300px;
	height: 100px;
}

Eksempel

Hvis kantfarven ikke er angivet i border-color - hentes den fra egenskaben color:

<div id="elem"></div>

#elem {
	color: red;
	border-style: solid;
	border-width: 2px;
	width: 300px;
	height: 100px;
}

Se også

egenskaben border-width,
som angiver kantens tykkelse
egenskaben border-style,
som angiver kantens type
egenskaben border,
som er en sammentrækning for kanten