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 հատկությունը,
որը հանդիսանում է եզրագծի համար նախատեսված հատկություն-հապավում