Den font-styleegenskab giver dig mulighed for at gøre teksten vises med kursiv (dvs. skrå, eller skrå).
em ( font-style: italic; )Denne ejendom accepterer en af tre mulige værdier: normal, italic, og oblique.
Hvis en given skrifttypefamilie har et kursivt eller skråt ansigt indlejret, vælger browseren det ansigt. Hvis intet kursivt eller skråt ansigt er tilgængeligt, efterligner browseren den skrånende effekt. Hvis kursiv er defineret, og der ikke er noget kursivt ansigt til rådighed, vil browseren se efter et skråt ansigt, før den forsøger at efterligne kursiv. Det samme gælder skråt; det vil også først se efter et kursiv ansigt.
For at forhindre browseren i at tilføje en efterlignet eller syntetiseret version af det kursive eller skrå ansigt kan du bruge font-synthesisejendommen (hvis den understøttes).
Kursiv vs. skråt
Ifølge specifikationen er "Kursive former generelt kursive, mens skrå ansigter typisk er skrå versioner af det almindelige ansigt." Men hvis den anvendte skrifttype ikke har kursiv eller skrå ansigter, er der i de fleste tilfælde kun lidt, hvis nogen, forskel mellem kursiv og skrå.
Demoen nedenfor viser både kursiv og skrå:
Se Pen Kursiv vs. skråt med CSS font-stil af CSS-Tricks (@ css-tricks) på CodePen.
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Arbejder | Arbejder | Arbejder | Arbejder | Arbejder | Arbejder | Arbejder |