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 | Указывает, что значение наследуется от родительского элемента. |
Пример
Изменение стиля в один клик!
Попробуйте поменять стиль шрифта, изменив значение свойства.
font-style: normal;
}