Свойство font-style устанавливает стиль шрифта для текста. Различают три вида - обычный, курсивный или наклонный.
Наклонный - это шрифт похожий на рукописный, символы наклонены на 8-12 градусов. Курсивный вид шрифта создает художник-шрифтовик при помощи специальных символов, которые нарисованы по-разному для создания более каллиграфической, а также наклонной версии. Наклонный шрифт меньше всех поддерживается в браузерах.
| Значение по умолчанию | normal |
| Применяется | Ко всем элементам, а также к ::first-letter . |
| Наследуется | Да |
| Анимируемое | Нет |
| Версия | CSS1 |
| DOM синтаксис | object.style.fontStyle = "oblique"; |
Синтаксис
font-style: normal | italic | oblique | initial | inherit;Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
p.normal { font-style: normal; }
p.italic { font-style: italic; }
p.oblique { font-style: oblique; }
</style>
</head>
<body>
<h2>Пример свойства font-style</h2>
<p class="normal">Текст с обычным шрифтом.</p>
<p class="italic">Текст с курсивным шрифтом.</p>
<p class="oblique">Текст с наклонным шрифтом.</p>
</body>
</html>Значения
| Значение | Описание |
|---|---|
| normal | Обычный шрифт текста. Значение по умолчанию. |
| italic | Курсивный шрифт текста. |
| oblique | Наклонный шрифт текста. |
| initial | Устанавливает свойство в значение по умолчанию. |
| inherit | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 1.0+ | 12.0+ | 1.0+ | 1.0+ | 7.0+ |
Практикуйте свои знания
What does the CSS property 'font-style' do?
Правильный!
Неправильно!