CSS font蒂yli

Fonttityyli

font-style Ominaisuus käytetään pääasiassa kallistetun tekstin määrittämiseen.

Tämä ominaisuus voi asettaa kolme arvoa:

  • normal - Teksti näytetään normaalina
  • italic - Teksti näytetään kursiivisena
  • oblique - Teksti on 'kallistettu' (kallistettu ja kurdikkaat ovat erittäin samanlaisia, mutta tukevat vähemmän)

Esimerkki

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Kokeile itse

Fontin paksuus

font-weight Ominaisuus määrittää kirjasimen ohuuden tai paksun.

Esimerkki

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Kokeile itse

Font蒂ivis

font-variant Ominaisuus määrittää, näytetäänkö teksti small-caps-kirjaintyypillä (pienikirjainten isokirjaimet).

Pienikirjainten-ominaisuudessa kaikki pienet kirjaimet muunnetaan isokirjaimiksi. Mutta muunnoksen jälkeen isokirjainten fonttikoko on pienempi kuin alkuperäisen tekstin isokirjainten fonttikoko.

Esimerkki

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Kokeile itse