html.okpython.net
HTML и CSS для начинающих

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, символы в них будут отображаться просто наклонными.

Ссылки

Примеры

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