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

Примеры

HTML Результат

htmlCodes

<!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