CSS:n rajan omaisuuslyhenne

Aivan kuten fonteille, myös rajoille on olemassa omaisuuslyhenne border, jota voimme käyttää sen sijaan, että kirjoittaisimme 3 eri ominaisuutta rajan paksuudelle, värille ja tyylille. Tässä ominaisuudessa voimme yksinkertaisesti luetella rajan arvot missä tahansa järjestyksessä.

Katsotaanpa esimerkkiä. Oletetaan, että meillä on tällainen raja:

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

Kirjoitetaan se uudelleen omaisuuslyhenteen avulla:

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