Egenskap-forkortelse for ramme i CSS

Akurat som for fonter, finnes det også en egenskap-forkortelse border for rammer, som vi kan bruke i stedet for å skrive 3 forskjellige egenskaper for tykkelse, farge og rammetype. I denne egenskapen kan vi ganske enkelt liste opp verdiene for rammen i vilkårlig rekkefølge.

La oss se på et eksempel. La oss si at vi har en ramme som ser slik ut:

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

La oss omskrive den ved hjelp av egenskap-forkortelsen:

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