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 касиети,
чек үчүн кыскартылган касиет болуп саналат