Хусусияти border-color

Хусусияти border-color рангро барои ҳама ҷонибҳои ҳудуд якбора ё ба таври алоҳида барои ҳар як ҷониб таъин мекунад. Қимати хусусият ҳар гуна воҳиди ранг метавонад бошад. Қимати пешфарз: ҳамон ранг, ки матни блок дорад.

Хусусият як хусусияти мухтасари барои хусусиятҳои зерин мебошад: border-left-color, border-right-color, border-top-color, border-bottom-color.

Синтаксис

интихобкунанда {
	border-color: ранг;
}

Шумораи қиматҳо

Хусусият метавонад 1, 2, 3 ё 4 қиматро, ки бо фосила дода шудааст, қабул кунад:

Шумора	Тавсиф
`1`	Барои ҳама ҷонибҳо якбора таъин карда мешавад.
`2`	Қимати аввал барои боло ва поён, қимати дуюм - барои ҳудуди чап ва рост.
`3`	Қимати аввал барои боло, қимати дуюм - барои ҳудуди чап ва рост, қимати сеюм - барои поёнӣ.
`4`	Қимати аввал барои ҳудуди болоӣ, қимати дуюм - барои рост, қимати сеюм - барои поёнӣ, қимати чорум - барои ҳудуди чап.

Намуна

Биёед ҳудуди блокро ба ранги сурх рангин кунем:

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

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

Намуна

Барои ҳудуди болоӣ ва поёнии сурх, ва барои ҳудуди рост ва чап ранги обӣ таъин кунем:

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

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

Намуна

Барои ҳудуди болоӣ ранги сурх, барои рост ранги обӣ, барои поёнӣ ранги сабз, барои чап ранги сиёҳ таъин кунем:

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

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

Намуна

Ҳамзамон фарқии ғафсӣ, навъ ва ранги ҳудудро таъин кунем:

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

Намуна

Агар ранги ҳудуд дар border-color таъин нашуда бошад - он аз хусусияти color гирифта мешавад:

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

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

Ҳамчунин нигаред

хусусияти border-width,
ки ғафсии ҳудудро таъин мекунад
хусусияти border-style,
ки навъи ҳудудро таъин мекунад
хусусияти border,
ки хусусияти мухтасари барои ҳудуд мебошад