/css/font-style:> Стиль шрифта_

Свойство font-style

Синтаксис

CSS 1
CSS 2‒2.2
CSS 3
font-style: normal | italic | oblique | inherit;

Описание

Свойство font-style устанавливает стиль шрифта.

Применяется: ко всем элементам;
Наследование: присутствует;
Проценты: не используются;
Медиа: визуальные.

JavaScript

[объект].style.fontStyle="[значение]";


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Значения

normal
Устанавливает стандартный вариант шрифта.

Текст отображаемый с помощью нормального варианта шрифта font-style: normal;

italic
Устанавливает курсивный вариант шрифта. В случаии отсутствия курсивного варианта веб-браузер выбирает наклонённый вариант.

Текст отображаемый с помощью курсивного варианта шрифта font-style: italic;

oblique
Устанавливает наклонённый вариант шрифта. В случаии отсутствия наклонённого варианта веб-браузер выбирает курсивный вариант. (Так же наклонённый вариант может быть сгенерирован путём искусственного наклонения глифов нормального варианта.)

Текст отображаемый с помощью наклонённого варианта шрифта font-style: oblique;

inherit
Указывает, что элемент должен унаследовать параметры родительского элемента.

Начальное значение: «normal».


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

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство font-style</title>
<style type="text/css">
.italic { font-style: italic; }
.oblique { font-style: oblique; }
</style>
</head>
<body>
<h1>Стиль шрифта</h1>
<p>Текст с использованием стандартного варианта шрифта.</p>
<p class="italic">Текст с использованием курсивного варианта шрифта.</p>
<p class="oblique">Текст с использованием наклонённого варианта шрифта.</p>
</body>
</html>
Свойство font-style