CSS-egenskapen förkortning för kantlinje

Precis som för teckensnitt finns det också för kantlinjer en förkortningsegenskap border, som vi kan använda istället för att skriva 3 olika egenskaper för tjocklek, färg och kantlinjetyp. I den här egenskapen kan vi helt enkelt lista värdena för kantlinjen i valfri ordning.

Låt oss titta på ett exempel. Låt oss säga att vi har en kantlinje som ser ut så här:

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

Låt oss skriva om den med förkortningsegenskapen:

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