CSS border-eigenschap shorthand

Net zoals voor lettertypen, bestaat er ook voor randen een shorthand-eigenschap border, die we kunnen gebruiken in plaats van het schrijven van 3 verschillende eigenschappen voor dikte, kleur en stijl van de rand. In deze eigenschap kunnen we eenvoudig de waarden voor de rand in willekeurige volgorde opsommen.

Laten we een voorbeeld bekijken. Stel we hebben zo'n rand:

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

Laten we deze herschrijven met de shorthand-eigenschap:

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