Okraje pre jednotlivé strany v CSS

Existujú aj vlastnosti-skratky pre jednotlivé strany: border-left (ľavý okraj), border-right (pravý okraj), border-top (horný okraj), border-bottom (dolný okraj).

Urobme bloku iba ľavý okraj pomocou vlastnosti border-left:

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

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

Результат:

A teraz súčasne urobme aj ľavý, aj pravý okraj:

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

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

Результат: