CSSda alohida tomonlar uchun chegara

Shuningdek, alohida tomonlar uchun qisqartirilgan xususiyatlar mavjud: border-left (chap chegara), border-right (o'ng chegara), border-top (yuqori chegara), border-bottom (pastki chegara).

Keling, border-left xususiyati yordamida elementga faqat chap chegara qo'shamiz:

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

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

Endi bir vaqtning o'zida ham chap, ham o'ng chegarani qo'shamiz:

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

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

Ushbu namunaga asosan sahifani takrorlang: