Border хусусияти

border хусусияти барча томонлар учун бир вақтнинг ўзида чегаранинг ранги, тури ва қалинлигини белгилайди. border-width, border-style ва border-color хусусиятлари учун қисқартирилган хусусиятдир. Қисқартириладиган хусусиятлардан фарқли ўларок, 4 та томон учун бирданига турли чегараларни белгилай олмайди, фақат барчаси учун бир хил чегарани белгилайди.

Синтаксис

селектор {
	border: қалинлик тур ранг;
}

Қийматларнинг тартиби аҳамиятга эга эмас.

Мисол

Келгила, элемент учун қора чегарани 1px қалинлиқда ясаймиз:

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

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

Шунингдек қаранг

border-left хусусияти,
у чап чегарани белгилайди
border-right хусусияти,
у ўнг чегарани белгилайди
border-top хусусияти,
у юқори чегарани белгилайди
border-bottom хусусияти,
у пастки чегарани белгилайди
outline хусусияти,
у элемент учун рамкани белгилайди
border-radius хусусияти,
у чегаранинг бурчакларини айлана-тейишлайди