Свойство font-style определяет начертание шрифта.
Это свойство применимо ко всем элементам.
Значение свойства font-style
- normal – обычное (нормальное) начертание шрифта,
- italic - курсивный шрифт,
- oblique – наклонный шрифт.
Курсивный шрифт отличается от наклонного тем, что курсив имитирует рукописный шрифт, а наклонный шрифт образуется наклоном стандартных букв на определенный угол,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- normal
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство font-style </title>
</head>
<body>
<p style="font-style:normal"> Это нормальный шрифт. </p>
<p style="font-style:italic"> Это курсивный шрифт. </p>
<p style="font-style:oblique"> А это наклонный. </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство font-style </title>
</head>
<body>
<p style="font-style:normal"> Это нормальный шрифт. </p>
<p style="font-style:italic"> Это курсивный шрифт. </p>
<p style="font-style:oblique"> А это наклонный. </p>
</body>
</html>
Результат
Это нормальный шрифт.
Это курсивный шрифт.
А это наклонный.