CSS :: Свойство font-style
css-свойство font-style (от англ. font style – начертание шрифта) устанавливает начертание шрифта, которое будет использоваться внутри элемента.
Характеристики
- Значение по умолчанию: normal.
- Применяется: ко всем элементам.
- Наследуется: да.
- Анимируется: нет.
- JavaScript: object.style.fontStyle="value".
Синтаксис
font-style: normal | italic | oblique
Значения
- normal – шрифт отображается стандартным способом.
- italic – шрифт отображается курсивом.
- oblique – шрифт отображается наклонным.
Следует отметить, что понятия курсивного и наклонного начертания несколько различаются, поскольку курсивное начертание предусматривает наличие специального шрифтового набора символов со скругленными формами штрихов, что делает его похожим на рукописный текст, а наклонное начертание представляет собою всего лишь обычный прямой шрифт слегка наклоненный вправо. Более того, не всякий шрифт предусматривает курсив, поэтому даже в случае указания в свойстве font-style значения italic, символы в них будут отображаться просто наклонными.
Ссылки
Официальный сайт W3C: https://drafts.csswg.org/css-fonts-3/#propdef-font-style
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/font-style
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> <style> .style_1{ font-style: normal; } .style_2{ font-style: italic; } .style_3{ font-style: oblique; } </style> </head> <body> <p class="style_1"> Нормальное начертание (font-style: normal) </p> <p class="style_2"> Курсивное начертание (font-style: italic) </p> <p class="style_3"> Наклонное начертание (font-style: oblique) </p> </body> </html>
Пример №1