CSSда алоҳида томонлар учун чегара

Алоҳида томонлар учун қисқартирилган хоссалар ҳам мавжуд: border-left (чап чегара), border-right (ўнг чегара), border-top (юқори чегара), border-bottom (пастки чегара).

Келгин, border-left хоссаси ёрдамида блокка фақат чап чегара қўйамиз:

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

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

Результат:

Энди эса бир вақтнинг ўзида чап ва ўнг чегараларни қилайлик:

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

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

Результат: