CSS border-Shorthand-Eigenschaft

Genau wie für Schriften gibt es auch für Rahmen eine Shorthand-Eigenschaft border, die wir verwenden können, anstatt 3 verschiedene Eigenschaften für Rahmendicke, -farbe und -stil zu schreiben. In dieser Eigenschaft können wir einfach die Werte für den Rahmen in beliebiger Reihenfolge angeben.

Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben folgenden Rahmen:

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

Schreiben wir ihn mit der Shorthand-Eigenschaft um:

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