Atsevišķu malu apmales CSS

Pastāv arī īpašības saīsnes priekš atsevišķām malām: border-left (kreisā apmale), border-right (labā apmale), border-top (augšējā apmale), border-bottom (apakšējā apmale).

Izveidosim elementam tikai kreiso apmali izmantojot īpašību border-left:

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

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

Результат:

Un tagad vienlaicīgi izveidosim gan kreiso, gan labo apmali:

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

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

Результат: