Táto font-stylevlastnosť umožňuje, aby bol text zobrazený kurzívou (tj sklonený alebo šikmý).
em ( font-style: italic; )Táto vlastnosť prijíma jednu z troch možných hodnôt: normal, italica oblique.
Ak má daná rodina fontov vloženú kurzívu alebo šikmý povrch, prehliadač túto tvár vyberie. Ak nie je k dispozícii žiadna kurzíva alebo šikmý povrch, prehliadač napodobní sklonený efekt. Ak je kurzíva definovaná a nie je k dispozícii žiadna kurzíva, prehliadač vyhľadá šikmú tvár skôr, ako sa pokúsi kurzívu napodobniť. To isté platí pre šikmé; tiež najskôr vyhľadá kurzívu.
Ak chcete prehliadaču zabrániť v pridávaní napodobnenej alebo syntetizovanej verzie kurzívy alebo šikmej tváre, môžete použiť túto font-synthesisvlastnosť (ak je podporovaná).
Kurzíva vs. Šikmé
Podľa špecifikácie „Kurzíva má zvyčajne kurzívový charakter, zatiaľ čo šikmé tváre sú zvyčajne sklonenou verziou bežnej tváre.“ Ak však použité písmo nemá k dispozícii kurzívu alebo šikmú plochu, vo väčšine prípadov je medzi kurzívou a šikmým rozdielom malý, ak vôbec, rozdiel.
Nasledujúca ukážka zobrazuje kurzívu aj šikmý text:
Pozrite sa na písmo Italic vs. šikmé so štýlom písma CSS od CSS-Tricks (@ css-tricks) na CodePen.
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Tvorba | Tvorba | Tvorba | Tvorba | Tvorba | Tvorba | Tvorba |