CSS-egenskab for border som forkortelse

Ligesom for skrifttyper, findes der også en forkortelsesegenskab for borders border, som vi kan bruge i stedet for at skrive 3 forskellige egenskaber for border-tykkelse, -farve og -type. I denne egenskab kan vi simpelthen angive værdierne for borderen i vilkårlig rækkefølge.

Lad os se på et eksempel. Antag, at vi har følgende border:

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

Lad os omskrive den ved hjælp af forkortelsesegenskaben:

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