Пример
Установить разные стили шрифта для трех абзацев:
p.a {
font-style: normal;
}
p.b {
font-style: italic;
}
p.c {
font-style: oblique;
}
Попробуйте сами »
Определение font-style
CSS свойство font-style задайте стиль шрифта для текста.
| Значение по умолчанию: | normal |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.fontStyle="italic" Попробуй |
Поддержка font-style
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font-style | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Синтаксис font-style
font-style: normal|italic|oblique|initial|inherit;
Значения font-style
| Значение | Описание | Демонстрация |
|---|---|---|
| normal | Браузер отображает обычный стиль шрифта. Это значение по умолчанию | Демо ❯ |
| italic | Браузер отображает стиль курсивного шрифта | Демо ❯ |
| oblique | Браузер отображает наклонный стиль шрифта | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме font-style
CSS Учебник: CSS Шрифт
CSS Справочник: font свойство
HTML DOM справочник: fontStyle свойство