CSS свойство font-style

CSS свойства

Определение и применение

CSS свойство font-style задает стиль шрифта для элемента.

Поддержка браузерами

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
font-style1.01.07.01.04.012.0

CSS синтаксис:

font-style:"normal | italic | oblique | initial | inherit";

JavaScript синтаксис:

object.style.fontStyle = "oblique"

Значения свойства

ЗначениеОписание
normalШрифт отображается обычным стилем. Это значение по умолчанию.
italicЗадает курсивный стиль шрифта.
obliqueЗадаёт наклонный стиль шрифта. Отличие свойства oblique от свойства italic в том, что italic использует встроенное в шрифт курсивное начертание, а oblique это искусственно созданный наклон букв под углом.
initialУстанавливает свойство в значение по умолчанию.
inheritУказывает, что значение наследуется от родительского элемента.

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Нет.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования свойства font-style.</title>
<style> 
.test {
font-style : italic; /* задает курсивный стиль шрифта. */
}
.test2 {
font-style : oblique; /* задает наклонный стиль шрифта. */
}
</style>
</head>
	<body>
		<p>Шрифт отображается обычным стилем.</p>
		<p class = "test">Шрифт отображается курсивом.</p>
		<p class = "test2">Шрифт отображается каклонным.</p>
	</body>
</html>
Пример использования свойства CSS font-style.
Пример использования свойства CSS font-style (установка стиля шрифта).
CSS свойства