Свойство font-style

Описание

Определяет начертание шрифта — обычное, курсивное или наклонное.

Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта.

Если заданный шрифт не найден, браузер будет использовать специальный алгоритм для имитации нужного вида текста.

Синтаксис

font-style: normal | italic | oblique;
Значение Описание
normal Обычное начертание текста.
italic Курсивное начертание.
oblique Наклонное начертание.
Курсив и наклонный шрифт при всей их похожести не одно и то же.
Курсив это специальный шрифт имитирующий рукописный, наклонный же образуется путем наклона обычных знаков вправо.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test {
margin: 10px;
font-style: italic;
}
</style>
<div id='test'>Далеко-далеко за, словесными горами в стране гласных и согласных живут рыбные тексты.</div>
</body>
</html>
Далеко-далеко за, словесными горами в стране гласных и согласных живут рыбные тексты.

Читайте также

Свойство animation-iteration-count

Указывает, сколько раз будет воспроизводится анимация.

Свойство backface-visibility

Определяет, показывать обратную сторону элемента или нет. Как правило, обратная сторона становитс...

Свойство column-rule-style

Определяет стиль линий между колонок в многоколоночном тексте.

Стиль элементов форм

Псевдокласс <span class='samp'>:default</span> применяет стиль к элеме...

Свойство border

Универсальное свойство позволяет одновременно установить толщину, стиль и цвет границы вокруг эле...