Kant for enkelte sider i CSS

Der findes også shorthand-egenskaber for enkelte sider: border-left (venstre kant), border-right (højre kant), border-top (øverste kant), border-bottom (nederste kant).

Lad os kun lave en venstre kant til elementet ved hjælp af egenskaben border-left:

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

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

Результат:

Og lad os nu lave både venstre og højre kanter på samme tid:

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

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

Результат: