Granice dla poszczególnych stron w CSS

Istnieją również właściwości-skróty dla poszczególnych stron: border-left (lewa granica), border-right (prawa granica), border-top (górna granica), border-bottom (dolna granica).

Zróbmy blokowi tylko lewą granicę za pomocą właściwości border-left:

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

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

Результат:

A teraz jednocześnie zróbmy i lewą, i prawą granicę:

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

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

Результат: