Ohraničení pro jednotlivé strany v CSS

Existují také zkrácené vlastnosti pro jednotlivé strany: border-left (levé ohraničení), border-right (pravé ohraničení), border-top (horní ohraničení), border-bottom (dolní ohraničení).

Pojďme prvku nastavit pouze levé ohraničení pomocí vlastnosti border-left:

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

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

Результат:

A nyní současně nastavme levé i pravé ohraničení:

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

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

Результат: