Met deze font-styleeigenschap kunt u tekst cursief laten lijken (dwz schuin of schuin).
em ( font-style: italic; )Deze accommodatie accepteert één van drie mogelijke waarden: normal, italic, en oblique.
Als een bepaalde lettertypefamilie een cursief of schuin gezicht heeft ingesloten, zal de browser dat gezicht selecteren. Als er geen cursief of schuin gezicht beschikbaar is, bootst de browser het schuine effect na. Als cursief is gedefinieerd en er is geen cursief gezicht beschikbaar, dan zoekt de browser naar een schuin gezicht voordat hij het cursief probeert na te bootsen. Hetzelfde geldt voor schuin; ook het zal eerst zoeken naar een cursief gezicht.
Om te voorkomen dat de browser een nagebootste of gesynthetiseerde versie van het cursieve of schuine vlak toevoegt, kunt u de font-synthesiseigenschap gebruiken (indien ondersteund).
Cursief versus schuin
Volgens de specificatie: "Cursieve vormen zijn over het algemeen cursief van aard, terwijl schuine vlakken typisch schuine versies zijn van het gewone vlak." Als het gebruikte lettertype echter geen schuine of schuine vlakken heeft, is er in de meeste gevallen weinig of geen verschil tussen schuin en schuin.
De onderstaande demo toont zowel cursief als schuin:
Zie de Pen Cursief versus schuin met CSS-lettertypestijl door CSS-Tricks (@ css-tricks) op CodePen.
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| Werken | Werken | Werken | Werken | Werken | Werken | Werken |