Egenskapen border-color

Egenskapen border-color angir fargen på kanten for alle sider samtidig eller separat for hver side. Verdien til egenskapen er enhver fargeenhet. Standardverdi: samme farge som blokkens tekst.

Egenskapen er en sammensatt egenskap for følgende egenskaper: border-left-color, border-right-color, border-top-color, border-bottom-color.

Syntaks

velger {
	border-color: farge;
}

Antall verdier

Egenskapen kan ta 1, 2, 3 eller 4 verdier, angitt mellom mellomrom:

Antall	Beskrivelse
`1`	Type for alle sider samtidig.
`2`	Første verdi for topp og bunn, andre - for venstre og høyre kanter.
`3`	Første verdi for toppen, andre - for venstre og høyre kanter, tredje - for bunnen.
`4`	Første verdi for toppkanten, andre - for høyre, tredje - for bunn, fjerde - for venstre kant.

Eksempel

La oss fargelegge kantene på blokken i rødt:

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

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

Eksempel

La oss sette rød kant for topp og bunn side, og blå for høyre og venstre side:

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

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

Eksempel

La oss sette rød kant for toppsiden, blå for høyre, grønn for bunn, svart 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

La oss sette samtidig forskjellig tykkelse, type og farge på kanten:

<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 kantfargen ikke er satt i border-color - vil den hentes fra egenskapen color:

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

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

Se også

egenskapen border-width,
som angir kanttykkelse
egenskapen border-style,
som angir kanttype
egenskapen border,
som er en sammensatt egenskap for kanten