Ta font-stylewłaściwość umożliwia wyświetlanie tekstu pisanego kursywą (tj. Pochyłym lub pochyłym).
em ( font-style: italic; )Ta właściwość przyjmuje jedną z trzech możliwych wartości: normal, italic, i oblique.
Jeśli dana rodzina czcionek ma osadzoną kursywę lub ukośną twarz, przeglądarka wybierze tę czcionkę. Jeśli nie jest dostępna kursywa ani ukośna powierzchnia, przeglądarka naśladuje efekt pochylenia. Jeśli zdefiniowano kursywę i nie ma dostępnej czcionki, przeglądarka będzie szukać ukośnej twarzy, zanim spróbuje naśladować kursywę. To samo dotyczy ukośnego; to również będzie najpierw wyglądać na twarz pochyłą.
Aby uniemożliwić przeglądarce dodanie naśladowanej lub zsyntetyzowanej wersji kursywy lub ukośnej twarzy, możesz użyć font-synthesiswłaściwości (jeśli jest obsługiwana).
Kursywa a ukośne
Zgodnie ze specyfikacją, „kursywa ma zazwyczaj charakter pochyłości, podczas gdy ukośne ściany są zazwyczaj pochyłymi wersjami zwykłej twarzy”. Jeśli jednak używana czcionka nie ma dostępnych pochyłych ani ukośnych twarzy, w większości przypadków różnica między kursywą a ukośną jest niewielka, jeśli w ogóle.
Poniższe demo przedstawia kursywę i ukośne:
Zobacz Pen Kursywa vs. ukośne z czcionką CSS CSS-Tricks (@ css-tricks) w CodePen.
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Pracuje | Pracuje | Pracuje | Pracuje | Pracuje | Pracuje | Pracuje |