Свойство 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>
Далеко-далеко за, словесными горами в стране гласных и согласных живут рыбные тексты.

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

Свойство border-radius

Устанавливает радиус скругления уголков рамки. Если рамка не задана, то скругление также происход...

Свойство padding-block-end

Определяет конечный внутренний отступ элемента по блочной оси. В зависимости от значения свойства...

Свойство outline-width

Указывает толщину внешней границы элемента.<br><br>В отличие от свойства border-width...

Стиль последнего элемента определённого типа

Псевдокласс :last-of-type задаёт стиль последнего элемента определённого типа в группе братских э...

Правило @supports

Правило @supports позволяет проверить, поддерживает браузер ту или иную возможность, и на основе ...