Proprietatea scurtă pentru bordură în CSS

La fel ca și pentru fonturi, și pentru borduri există o proprietate scurtă border, pe care o putem folosi în loc să scriem 3 proprietăți diferite pentru grosime, culoare și tipul bordurii. În această proprietate putem pur și simplu să enumerăm valorile pentru bordură în orice ordine.

Să ne uităm la un exemplu. Să presupunem că avem o bordură ca aceasta:

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

Să o rescriem folosind proprietatea scurtă:

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