Vlastnosť-skratka pre rámček v CSS

Rovnako ako pre fonty, aj pre rámčeky existuje vlastnosť-skratka border, ktorú môžeme použiť namiesto toho, aby sme písali 3 rôzne vlastnosti pre šírku, farbu a typ rámčeka. V tejto vlastnosti môžeme jednoducho uviesť hodnoty pre rámček v ľubovoľnom poradí.

Pozrime sa na príklad. Nech máme takýto rámček:

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

Prepíšme ho cez vlastnosť-skratku:

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