CSS fonttimerakenteet

Fonttimerakenteet

Koodin lyhentämiseksi voidaan myös määrittää kaikki yksittäiset fonttimerakenteet yhdessä ominaisuudessa.

font Ominaisuus on seuraavien ominaisuuksien lyhennetty muoto:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

Esimerkki

Aseta joitakin fonttimerakennetta käytetyn lyhenteen avulla:

p.a {
  font: 20px Arial, sans-serif;
}
p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

Kokeile itse!

Huomioitavaa:font-size ja font-family Arvo on pakollinen. Jos puuttuu yksi tai useampi muu arvo, käytetään niiden oletusarvoja.

Kaikki CSS kirjasim ominaisuudet

Ominaisuus Kuvaus
font Yhteenveto. Asettaa kaikki kirjasim ominaisuudet yhdessä lauseessa.
font-family Määrittää tekstin kirjasinkoon (kirjasinkoon perhe).
font-size Määrittää tekstin kirjasinkoon.
font-style Määrittää tekstin kirjasintyylin.
font-variant Määrittää, näytetäänkö teksti pienillä isolla kirjaimella.
font-weight Määrittää kirjasimen paksuus.