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;
}