Īpašība border-color

Īpašība border-color nosaka apmales krāsu visām malām vienlaikus vai atsevišķi katrai malai. Īpašības vērtība var būt jebkura krāsas vienība. Noklusējuma vērtība: tāda pati krāsa kā bloka tekstam.

Īpašība ir saīsinājuma īpašība sekojošām īpašībām: border-left-color, border-right-color, border-top-color, border-bottom-color.

Sintakse

selektors {
	border-color: krāsa;
}

Vērtību skaits

Īpašība var pieņemt 1, 2, 3 vai 4 vērtības, kas norādītas atstarpes atdalītas:

Skaits	Apraksts
`1`	Tips visām malām vienlaikus.
`2`	Pirmā vērtība augšējai un apakšējai malai, otrā - kreisajai un labajai malai.
`3`	Pirmā vērtība augšējai malai, otrā - kreisajai un labajai malai, trešā - apakšējai malai.
`4`	Pirmā vērtība augšējai malai, otrā - labajai malai, trešā - apakšējai malai, ceturtā - kreisajai malai.

Piemērs

Izkrāsosim bloka apmali sarkanā krāsā:

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

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

Piemērs

Norādīsim sarkanu apmali augšējai un apakšējai malai, bet zilganzaļu (cyan) labajai un kreisajai malai:

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

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

Piemērs

Norādīsim sarkanu apmali augšējai malai, zilganzaļu (cyan) labajai, zaļu apakšējai, melnu kreisajai malai:

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

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

Piemērs

Norādīsim vienlaikus atšķirīgu biezumu, tipu un apmales krāsu:

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

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

Piemērs

Ja apmales krāsa nav norādīta border-color - tā tiks ņemta no īpašības color:

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

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

Skatiet arī

īpašība border-width,
kas nosaka apmales biezumu
īpašība border-style,
kas nosaka apmales tipu
īpašība border,
kas ir saīsinājuma īpašība apmalei