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:

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

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

Результат:

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

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

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

Результат: