CSS краћи запис за ивицу (border)

Баш као и за фонтове, и за ивице постоји краћи запис border, који можемо користити уместо да пишемо 3 различита својства за дебљину, боју и стил ивице. У овом својству можемо једноставно навести вредности за ивицу у било ком редоследу.

Хајде да погледамо на примеру. Нека имамо овакву ивицу:

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 300px;
  height: 100px;
}

Препишимо је преко краћег записа:

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