Tato font-style
vlastnost umožňuje, aby text vypadal kurzívou (tj. Šikmý nebo šikmý).
em ( font-style: italic; )
Tato vlastnost přijímá jednu ze tří možných hodnot: normal
, italic
a oblique
.
Pokud má daná rodina písem vložený kurzívu nebo šikmý obličej, prohlížeč tento obličej vybere. Pokud není k dispozici kurzíva nebo šikmý obličej, bude prohlížeč napodobovat sklonový efekt. Pokud je definována kurzíva a není k dispozici žádná kurzíva, prohlížeč vyhledá šikmý obličej, než se pokusí kurzívu napodobit. Totéž platí pro šikmé; také bude nejprve hledat kurzívu.
Chcete-li zabránit prohlížeči v přidání napodobené nebo syntetizované verze kurzívy nebo šikmého obličeje, můžete použít tuto font-synthesis
vlastnost (pokud je podporována).
Kurzíva vs. Šikmé
Podle specifikace „Kurzíva má obecně kurzívový charakter, zatímco šikmé plochy jsou obvykle šikmé verze běžných ploch.“ Pokud však použité písmo nemá k dispozici kurzíva nebo šikmé plochy, ve většině případů je mezi kurzívou a šikmým rozdíl malý, pokud vůbec,.
Demo níže ukazuje jak kurzívu, tak šikmé:
Podívejte se na Pen Italic vs. šikmé s CSS stylem písma od CSS-Tricks (@ css-tricks) na CodePen.
Podpora prohlížeče
Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
---|---|---|---|---|---|---|
Funguje | Funguje | Funguje | Funguje | Funguje | Funguje | Funguje |