Meje za posamezne strani v CSS

Obstajajo tudi lastnosti-okrajšave za posamezne strani: border-left (leva meja), border-right (desna meja), border-top (zgornja meja), border-bottom (spodnja meja).

Naredimo bloku samo levo mejo z lastnostjo border-left:

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

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

Результат:

Zdaj pa hkrati naredimo tako levo kot desno mejo:

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

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

Результат: