Font-style

Пример: h2 {font-style: italic} (другие возможные значения: normal, oblique).

Это свойство определяет, выделен ли шрифт курсивом, или нет. Если вы хотите выделить текст элемента курсивом, укажите правило:

р {font-style:italic}

Можно также вместо italic использовать oblique, но обычно результат идентичен. Предполагалось, что разница между ними заключается в том, что italic просто деформирует шрифт, наклоняя его вправо, a oblique является фактически отдельным шрифтом, и теоретически для этого более оптимален. В реальности такая схема не работает, кроме того, oblique вообще не распознается старыми браузерами, например Netscape 4.7.

Таким образом, для свойства font-style фактически есть лишь два значения: italic и normal. В данном примере:

р {font-style:italic;} span {font-style:normal;}
<p>This is italicized text with <span>a piece of non-italic text</span> in the middle.</p>

Так можно получить текст, выделенный курсивом, внутри которого размещен обычный текст.