Свойства CSS

Меню

font-style

Поддержка браузерами

12.0+ 4.0+ 1.0+ 1.0+ 7.0+ 1.0+

Описание

Курсив - это вид начертания, при котором символы написаны под наклоном и иногда имеют дополнительные засечки.

В CSS можно задать курсивный шрифт, используя свойство font-style со значением italic. Однако не во всех шрифтах предусмотрен курсив, и вместо него можно увидеть лишь наклонные символы. Такие символы также наклонены вправо, но при этом браузер не использует специально разработанный набор символов, а просто наклоняет стандартный шрифт, то есть визуально это будет выглядеть как просто наклонный текст.

Чтобы получить наклонный текст, вы также можете использовать свойство font-style, задав для него значение oblique.

Если разница между наклонным текстом и курсивными символами для вас не очень велика, просто выберите один из этих вариантов. Если же она имеет для вас значение, придется протестировать различные сочетания шрифтов и браузеров для достижения лучшего результата.

Значение по умолчанию: normal
Применяется: ко всем элементам
Анимируется: нет
Наследуется: да
Версия: CSS1
Синтаксис JavaScript: object.style.fontStyle="italic"

Синтаксис

font-style: normal|italic|oblique|inherit;

Значения свойства

Значение Описание
normal Браузер отображает стандартный шрифт.
italic Устанавливает курсивный шрифт.
oblique Определяет наклонный текст.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
font-style:
Результат:

Изменение стиля в один клик!

Попробуйте поменять стиль шрифта, изменив значение свойства.

CSS Код:
div {
font-style: normal;
}
Кликните на любое значение свойства, чтобы увидеть результат