Omadus border-color

Omadus border-color määrab piirjoone värvi kõikidele külgedele korraga või eraldi iga külje jaoks. Omaduse väärtuseks on mis tahes värviühikud. Vaikeväärtus: sama värv kui ploki tekstil.

Omadus on lühendomadus (shorthand property) järgmiste omaduste jaoks: border-left-color, border-right-color, border-top-color, border-bottom-color.

Süntaks

valija {
	border-color: värv;
}

Väärtuste arv

Omadus võib võtta 1, 2, 3 või 4 väärtust, mis antakse tühikuga eraldatuna:

Arv	Kirjeldus
`1`	Tüüp kõikidele külgedele korraga.
`2`	Esimene väärtus ülemise ja alumise, teine - vasaku ja parema piirjoone jaoks.
`3`	Esimene väärtus ülemise, teine - vasaku ja parema piirjoone, kolmas - alumise jaoks.
`4`	Esimene väärtus ülemise piirjoone jaoks, teine - parema, kolmas - alumise, neljas - vasaku piirjoone jaoks.

Näide

Teeme ploki piirjoone punaseks:

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

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

Näide

Määrame punase piirjoone ülemise ja alumise külje jaoks ning sinise parema ja vasaku külje jaoks:

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

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

Näide

Määrame punase piirjoone ülemise külje jaoks, sinise parema, rohelise alumise, musta vasaku külje jaoks:

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

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

Näide

Määrame korraga erineva paksuse, tüübi ja värvi piirjoonele:

<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;
}

Näide

Kui piirjoone värvi ei ole määratud border-color -ga, võetakse see omadusest color:

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

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

Vaata ka

omadus border-width,
mis määrab piirjoone paksuse
omadus border-style,
mis määrab piirjoone tüübi
omadus border,
mis on piirjoone lühendomadus (shorthand property)