Proprietà abbreviata per il bordo in CSS

Proprio come per i caratteri, anche per i bordi esiste una proprietà abbreviata border, che possiamo usare invece di scrivere 3 proprietà diverse per spessore, colore e tipo di bordo. In questa proprietà possiamo semplicemente elencare i valori per il bordo in qualsiasi ordine.

Diamo un'occhiata a un esempio. Supponiamo di avere un bordo come questo:

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

Riscriviamolo utilizzando la proprietà abbreviata:

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