Граница за појединачне стране у 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;
}

Результат: