font-styleOminaisuuden avulla voit tehdä tekstit kursiivilla (esim kalteva tai vino).
em ( font-style: italic; )Tämä ominaisuus hyväksyy yhden kolmesta mahdollisesta arvosta: normal, italicja oblique.
Jos tietyssä kirjasinperheessä on kursivoitu tai vino kasvot, selain valitsee kyseisen kasvot. Jos kursivoituja tai vinoja kasvoja ei ole käytettävissä, selain jäljittelee kaltevaa vaikutusta. Jos kursiivi on määritetty ja kursivoituja kasvoja ei ole käytettävissä, selain etsii vinosta kasvot ennen kuin se yrittää jäljitellä kursiivia. Sama koskee vinoa; myös se etsii ensin kursivoituja kasvoja.
Voit estää selainta lisäämästä jäljiteltyä tai syntetisoitua versiota kursivoidusta tai vinosta kasvosta, voit käyttää font-synthesisominaisuutta (jos sitä tuetaan).
Kursiivi vinosti
Erittelyn mukaan "kursivoidut muodot ovat yleensä luonteeltaan kursiivisia, kun taas viistot kasvot ovat tyypillisesti viistot versiot tavallisista kasvoista." Jos käytetyllä kirjasimella ei kuitenkaan ole kursivoituja tai viistoja pintoja, kursiivin ja viiston välillä on useimmiten vain vähän tai ei lainkaan eroja.
Alla oleva esittely osoittaa sekä kursivoitua että viistoa:
Katso CSS-Tricks (@ css-tricks) -kynän kursivoitu vs. vino CSS-fonttityylillä CodePenissä.
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Toimii | Toimii | Toimii | Toimii | Toimii | Toimii | Toimii |