CSS-grens-Eienskap-Verkorting

Net soos vir lettertipes, is daar ook 'n eienskap-verkorting vir grense, naamlik border, wat ons kan gebruik in plaas daarvan om 3 verschillende eienskappe vir dikte, kleur en tipe grens te skryf. In hierdie eienskap kan ons eenvoudig die waardes vir die grens in enige volgorde lys.

Kom ons kyk na 'n voorbeeld. Gestel ons het so 'n grens:

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

Laat ons dit herskryf deur die eienskap-verkorting te gebruik:

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