Rand voor individuele kanten in CSS

Er zijn ook shorthand-eigenschappen voor individuele kanten: border-left (linker rand), border-right (rechter rand), border-top (bovenste rand), border-bottom (onderste rand).

Laten we alleen een linkerrand voor het blok maken met behulp van de eigenschap border-left:

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

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

Результат:

En laten we nu tegelijkertijd zowel de linker- als de rechterrand maken:

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

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

Результат: