Den font-styleegenskapen kan du gjøre teksten vises i kursiv (dvs. skrå eller skrå).
em ( font-style: italic; )Denne eiendommen aksepterer én av tre mulige verdier: normal, italicog oblique.
Hvis en gitt skriftfamilie har et kursivt eller skrått ansikt innebygd, vil nettleseren velge ansiktet. Hvis det ikke er noen kursiv eller skrå ansikt tilgjengelig, vil nettleseren etterligne den skrånende effekten. Hvis kursiv er definert og det ikke er noen kursiv ansikt tilgjengelig, vil nettleseren lete etter et skrått ansikt før den prøver å etterligne kursiv. Det samme gjelder skrått; det vil også først se etter et kursivt ansikt.
For å forhindre at nettleseren legger til en etterlignet eller syntetisert versjon av det kursive eller skrå ansiktet, kan du bruke font-synthesiseiendommen (hvis det støttes).
Kursiv vs. skrå
I følge spesifikasjonen er "Kursive former generelt kursive, mens skrå ansikter vanligvis er skrånende versjoner av det vanlige ansiktet." Imidlertid, hvis skriften som brukes, ikke har kursiv eller skrå ansikter, er det i de fleste tilfeller liten, om noen, forskjell mellom kursiv og skrå.
Demoen nedenfor viser både kursiv og skrå:
Se Pen Italic vs. oblique med CSS font-stil av CSS-Tricks (@ css-tricks) på CodePen.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Virker | Virker | Virker | Virker | Virker | Virker | Virker |