Właściwość skrótowa dla obramowania w CSS

Podobnie jak dla czcionek, dla obramowań również istnieje właściwość skrótowa border, której możemy użyć zamiast pisać 3 różne właściwości dla grubości, koloru i typu obramowania. W tej właściwości możemy po prostu wymienić wartości dla obramowania w dowolnej kolejności.

Spójrzmy na przykład. Załóżmy, że mamy takie obramowanie:

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

Przepiszmy je za pomocą właściwości skrótowej:

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