Межа для асобных бакоў у 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;
}

Результат: