css властивість font-style


CSS властивість font-style визначає стиль шрифту: курсив або похилий.

CSS властивість `font-style`

Коли для тексту встановлено курсивне або похиле накреслення, браузер звертається до системи для пошуку відповідного шрифту. Якщо заданий шрифт не знайдений, браузер використовує спеціальний алгоритм для імітації потрібного виду тексту.

автор: Svitlana

Нотатка

Використовуйте універсальну властивість font, щоб встановити більшість властивостей шрифтів за один раз.

автор: Svitlana

Синтаксис

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

Властивість font-style може отримувати 5 значень:

normal

Звичайний стиль шрифту. Без задання.

автор: Svitlana

italic

Курсивний шрифт. Імітує рукописний текст.

автор: Svitlana

oblique

Похилий шрифт. Літери нахиляються вправо.

автор: Svitlana

initial

Встановлює цю властивість в значення без задання

автор: Svitlana

inherit

Успадкує значення властивості від свого батьківського елемента

автор: Svitlana

Значення без задання: normal
Наслідує: Так
Анімується: Ні
JavaScript синтаксис: object.style.fontStyle="italic"

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
font-style 1.0 1.0 1.0 7.0 12.0 4.0
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Mozilla Firefox Mobile Apple Safari
font-style 1.0 1.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

italic — окреме курсивне накреслення шрифту, oblique — механічно нахилене звичайне. У шрифтах без справжнього курсиву обидва виглядають однаково.

HTML

<p class="normal">normal — звичайне накреслення</p>
<p class="italic">italic — справжній курсив</p>
<p class="oblique">oblique — нахилене звичайне</p>

CSS

p.normal {
    font-style: normal;
}

p.italic {
    font-style: italic;
}

p.oblique {
    font-style: oblique;
}
автор: Svitlana

Значення у дії

автор: Svitlana

Приклад використання

автор: Svitlana

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід