Veturia border-width

Veturia border-width përcakton trashësinë e kufirit për të gjitha anët njëkohësisht ose veçmas për secilën anë. Është veturi-shkurtim për veturitë border-left-width, border-right-width, border-top-width, border-bottom-width.

Vlera e veturisë janë çdo njësi për madhësi, përveç përqindjeve, ose fjalët kyçe thin (kufiri në 2 piksel), medium (kufiri në 4 piksel) ose thick (kufiri në 6 piksel). Vlera e paracaktuar: medium.

Sintaksë

përzgjedhës {
	border-width: 1, 2, 3 ose 4 vlera;
}

Numri i vlerave

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

Numri	Përshkrim
`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ë përcaktojmë një kufi me trashësi një piksel:

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

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

Shembull

Le të përcaktojmë një kufi me trashësi 4 piksel:

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

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

Shembull

Le të përcaktojmë trashësinë e kufirit të sipërm dhe të poshtëm në 1px, dhe të djathtë dhe të majtë - në 4px:

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

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

Shembull

Le të përcaktojmë trashësinë e kufirit të sipërm në 1px, të djathtë dhe të majtë - në 4px, dhe të poshtëm në 6px:

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

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

Shembull

Le të përcaktojmë trashësinë e kufirit të sipërm në 1px, të djathtë në 4px, të poshtëm - në 6px, dhe të majtë në 8px:

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

#elem {
	border-width: 1px 4px 6px 8px;
	border-style: solid;
	border-color: black;
	width: 300px;
	height: 100px;
}

Shembull

Le të përcaktojmë trashësinë e kufirit me fjalën kyçe thin:

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

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

Shembull

Le të përcaktojmë trashësinë e kufirit me fjalën kyçe medium:

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

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

Shembull

Le të përcaktojmë trashësinë e kufirit me fjalën kyçe thick:

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

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

Shembull

Le të përcaktojmë kufij të ndryshëm për anë të ndryshme:

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

Shihni gjithashtu

veturia border-style,
e cila përcakton pamjen e kufirit
veturia border-color,
e cila përcakton ngjyrën e kufirit
veturia border,
e cila është veturi-shkurtim për kufirin