Granica za pojedinačne strane u CSS

Postoje i svojstva-skraćenice za pojedinačne strane: border-left (leva granica), border-right (desna granica), border-top (gornja granica), border-bottom (donja granica).

Hajde da napravimo bloku samo levu granicu koristeći svojstvo border-left:

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

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

Результат:

A sada istovremeno napravimo i levu, i desnu granicu:

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

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

Результат: