font-styleNuosavybė leidžia jums padaryti tekstas rodomas kursyvu (ty Šlaitinių arba pasviręs).
em ( font-style: italic; )Šis viešbutis priima vieną iš trijų galimų reikšmių: normal, italicir oblique.
Jei tam tikroje šriftų šeimoje yra įterptas kursyvas arba įstrižas veidas, naršyklė pasirinks tą veidą. Jei nėra kursyvo ar įstrižo veido, naršyklė imituos nuožulnų efektą. Jei kursyvas yra apibrėžtas ir nėra jokio pasvirusio veido, naršyklė ieškos pasvirusio veido, kol bandys imituoti kursyvą. Tas pats pasakytina ir apie įstrižą; tai taip pat pirmiausia ieškos kursyvinio veido.
Jei norite, kad naršyklė nepridėtų imituotos ar susintetintos kursyvo ar įstrižo veido versijos, galite naudoti font-synthesisypatybę (jei palaikoma).
Kursyvas prieš įstrižą
Pasak spec., „Kursyvo formos paprastai yra kursyvinio pobūdžio, o pasvirieji veidai paprastai yra nuožulnūs įprasto veido variantai“. Tačiau jei naudojamas šriftas neturi kursyvo ar įstrižų veidų, daugeliu atvejų kursyvo ir įstrižojo skirtumai yra nedideli, jei jų yra.
Žemiau pateiktoje demonstracijoje rodomas kursyvas ir įstrižas:
Peržiūrėkite „CSS-Tricks“ („@ css-tricks“) „CodePen“ rašiklį „kursyvas“ ir „įstrižas“ su CSS šrifto stiliumi.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Veikia | Veikia | Veikia | Veikia | Veikia | Veikia | Veikia |