CSS lyhennetty reunaproperty

CSS reunaraja - lyhenteominaisuudet

Kuten näet edellisessä luvussa, reunojen käsittelyssä on otettava huomioon monia ominaisuuksia.

Koodin vähentämiseksi voit myös määrittää kaikki yksittäiset reunaviivat yhdellä attribuutilla.

border Ominaisuus on seuraavien reunaviivatunnusten lyhennysmuoto:

  • border-width
  • border-style(Välttämätön)
  • border-color

Esimerkki

p {
  border: 5px solid punainen;
}

Tulokset:

Joitakin tekstejä

Kokeile itse

Voit myös määrittää kaikki yksittäiset reunaviivat yhdellä attribuutilla:

Vasen reuna

p {
  border-left: 6px solid punainen;
  background-color: vaaleansin;
}

Tulokset:

Joitakin tekstejä

Kokeile itse

Alareuna

p {
  border-bottom: 6px solid punainen;
  background-color: vaaleansin;
}

Tulokset:

Joitakin tekstejä

Kokeile itse