Den font-styleegenskapen kan du göra texten visas kursiv (dvs. sluttande eller lutande).
em ( font-style: italic; )Denna egenskap accepterar en av tre möjliga värden: normal, italicoch oblique.
Om en viss teckensnittsfamilj har ett kursivt eller snett ansikte inbäddat, väljer webbläsaren det ansiktet. Om inget kursivt eller snett ansikte är tillgängligt efterliknar webbläsaren den lutande effekten. Om kursiv är definierad och det inte finns något kursivt ansikte kommer webbläsaren att leta efter ett snett ansikte innan den försöker efterlikna kursiv. Detsamma gäller sneda; det kommer också att leta efter ett kursivt ansikte.
För att förhindra att webbläsaren lägger till en efterliknad eller syntetiserad version av det kursiva eller sneda ansiktet kan du använda font-synthesisegenskapen (om det stöds).
Kursiv mot sned
Enligt specifikationen, "Kursiva former är i allmänhet kursiva till sin natur medan sneda ansikten är vanligtvis lutande versioner av det vanliga ansiktet." Om det teckensnitt som används inte har några kursiva eller sneda ansikten är det dock i de flesta fall liten, om någon, skillnad mellan kursiv och sned.
Demonstrationen nedan visar både kursiv och sned:
Se Pen Italic vs. snedställt med CSS-typsnitt av CSS-Tricks (@ css-tricks) på CodePen.
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Arbetar | Arbetar | Arbetar | Arbetar | Arbetar | Arbetar | Arbetar |