Vetia border-color

Vetia border-color përcakton ngjyrën e kufirit për të gjitha anët njëkokësisht ose veçmas për secilën anë. Vlera e vetisë janë çdo njësi për ngjyrën. Vlera e parazgjedhur: e njëjta ngjyrë si teksti i bllokut.

Vetia është veti-shkurtim për vetitë e mëposhtme: border-left-color, border-right-color, border-top-color, border-bottom-color.

Sintaksa

përzgjedhës {
	border-color: ngjyrë;
}

Numri i vlerave

Vetia mund të marrë 1, 2, 3 ose 4 vlera, të specifikuara ndarë me hapësirë:

Numri	Përshkrimi
`1`	Lloj për të gjitha anët njëkohësisht.
`2`	Vlera e parë për pjesën e sipërme dhe të poshtme, e dyta - për kufijtë e majtë dhe të djathtë.
`3`	Vlera e parë për pjesën e sipërme, e dyta - për kufijtë e majtë dhe të djathtë, e treta - për pjesën e poshtme.
`4`	Vlera e parë për kufirin e sipërm, e dyta - për të djathtin, e treta - për të poshtmin, e katërta - për kufirin e majtë.

Shembull

Le t'i japim kufirit të bllokut ngjyrë të kuqe:

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

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

Shembull

Le të përcaktojmë kufij të kuq për anët e sipërme dhe të poshtme dhe kufij të kaltër për anët e djathtë dhe të majtë:

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

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

Shembull

Le të përcaktojmë kufij të kuq për anën e sipërme, të kaltër për anën e djathtë, të gjelbër për anën e poshtme, të zinj për anën e majtë:

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

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

Shembull

Le të përcaktojmë njëkohësisht trashësi, lloj dhe ngjyrë të ndryshme të kufirit:

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

Shembull

Nëse ngjyra e kufirit nuk është përcaktuar në border-color - ajo do të merret nga vetia color:

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

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

Shihni gjithashtu

vetia border-width,
e cila përcakton trashësinë e kufirit
vetia border-style,
e cila përcakton llojin e kufirit
vetia border,
e cila është veti-shkurtim për kufirin