Border pentru laturi individuale în CSS

Există și proprietăți shorthand pentru laturi individuale: border-left (border-ul stâng), border-right (border-ul drept), border-top (border-ul de sus), border-bottom (border-ul de jos).

Să facem elementului doar un border stâng cu proprietatea border-left:

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

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

Результат:

Și acum să facem simultan atât border-ul stâng, cât și cel drept:

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

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

Результат: