Propiedad abreviada para el borde en CSS

Al igual que con las fuentes, para los bordes también existe una propiedad abreviada border, que podemos usar en lugar de escribir 3 propiedades diferentes para el grosor, el color y el estilo del borde. En esta propiedad podemos simplemente listar los valores para el borde en cualquier orden.

Veamos un ejemplo. Supongamos que tenemos un borde como este:

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

Reescribámoslo usando la propiedad abreviada:

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