Propriedade abreviada para borda em CSS

Assim como para fontes, para bordas também existe uma propriedade abreviada border, que podemos usar em vez de escrever 3 propriedades diferentes para largura, cor e estilo da borda. Nesta propriedade, podemos simplesmente listar os valores para a borda em qualquer ordem.

Vamos ver um exemplo. Suponha que temos uma borda como esta:

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

Vamos reescrevê-la usando a propriedade abreviada:

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