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

Результат: