Savybė border-color

Savybė border-color nustato rėmelio spalvą visoms pusėms vienu metu arba atskirai kiekvienai pusei. Savybės reikšmė gali būti bet koks spalvų vienetas. Numatytoji reikšmė: toks pat spalva kaip ir bloko teksto.

Savybė yra sutrumpinta savybė šioms savybėms: border-left-color, border-right-color, border-top-color, border-bottom-color.

Sintaksė

selektorius {
	border-color: spalva;
}

Reikšmių skaičius

Savybė gali priimti 1, 2, 3 arba 4 reikšmes, nurodytas per tarpą:

Skaičius	Aprašas
`1`	Tipas visoms pusėms vienu metu.
`2`	Pirmoji reikšmė viršui ir apačiai, antroji - kairiai ir dešiniai sienoms.
`3`	Pirmoji reikšmė viršui, antroji - kairiai ir dešiniai sienoms, trečioji - apačiai.
`4`	Pirmoji reikšmė viršutinei sienai, antroji - dešiniai, trečioji - apatinei, ketvirtoji - kairiajai sienai.

Pavyzdys

Nudažykime bloko rėmelį raudona spalva:

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

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

Pavyzdys

Nustatykime raudoną rėmelį viršutinei ir apatinei pusei, o mėlyną dešiniajai ir kairiajai pusei:

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

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

Pavyzdys

Nustatykime raudoną rėmelį viršutinei pusei, mėlyną dešiniajai, žalią apatinei, juodą kairiajai pusei:

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

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

Pavyzdys

Nustatykime vienu metu skirtingą storį, tipą ir rėmelio spalvą:

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

Pavyzdys

Jei rėmelio spalva nenurodyta border-color - ji bus paimta iš savybės color:

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

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

Taip pat žiūrėkite

savybė border-width,
kuri nustato rėmelio storį
savybė border-style,
kuri nustato rėmelio tipą
savybė border,
kuri yra sutrumpinta rėmelio savybė