Sifa border-color

Sifa border-color inaweka rangi ya mpaka kwa pande zote kwa wakati mmoja au kando kwa kila upande. Thamani ya sifa ni vyombo vyovyote kwa rangi. Thamani chaguomsingi: rangi sawa na ile ya maandishi ya kuzuia.

Sifa ni sifa-yenye-ukatizo kwa sifa zifuatazo: border-left-color, border-right-color, border-top-color, border-bottom-color.

Kiendesi

kichaguaji {
	border-color: rangi;
}

Idadi ya maadili

Sifa inaweza kuchukua 1, 2, 3 au 4 maadili, yaliyoonyeshwa kwa nafasi:

Idadi	Maelezo
`1`	Aina kwa pande zote kwa wakati mmoja.
`2`	Thamani ya kwanza kwa juu na chini, ya pili - kwa mpaka wa kushoto na wa kulia.
`3`	Thamani ya kwanza kwa juu, ya pili - kwa mpaka wa kushoto na wa kulia, ya tatu - kwa wa chini.
`4`	Thamani ya kwanza kwa mpaka wa juu, ya pili - kwa wa kulia, ya tatu - kwa wa chini, ya nne - kwa mpaka wa kushoto.

Mfano

Wacha tuweke rangi ya mpaka wa kuzuia kuwa nyekundu:

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

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

Mfano

Wacha tuweke mpaka nyekundu kwa upande wa juu na wa chini na rangi ya samawati kwa upande wa kulia na wa kushoto:

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

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

Mfano

Wacha tuweke mpaka nyekundu kwa upande wa juu, samawati kwa wa kulia, kijani kwa wa chini, nyeusi kwa upande wa kushoto:

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

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

Mfano

Wacha tuweke kwa wakati mmoja unene tofauti, aina na rangi ya mpaka:

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

Mfano

Ikiwa rangi ya mpaka haijawekwa katika border-color - itachukuliwa kutoka kwa sifa color:

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

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

Angalia pia

sifa border-width,
ambayo inaweka unene wa mpaka
sifa border-style,
ambayo inaweka aina ya mpaka
sifa border,
ambayo ni sifa-yenye-ukatizo kwa mpaka