Визначає зображення шрифту — звичайний, курсивний або похилий. Коли для тексту встановлено курсивне або похилого зображення, браузер звертається до системи для пошуку відповідного шрифту. Якщо заданий шрифт не знайдено, браузер використовує спеціальний алгоритм для імітації потрібного вигляду тексту.
Коротка інформація
| Значення за замовчуванням | normal | ||||
|---|---|---|---|---|---|
| Успадковується | Так | ||||
| Застосовується | До всіх елементів | ||||
| Анімується | Ні |
| Опис | Приклад | |
|---|---|---|
| <тип> | Вказує тип значення. | <розмір> |
| A && B | Значення повинні виводитися в зазначеному порядку. | <розмір> && <колір> |
| A | B | Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). | normal | small-caps |
| A || B | Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. | width || count |
| [ ] | Групує значення. | [ crop || cross ] |
| * | Повторювати нуль або більше разів. | [,<час>]* |
| + | Повторювати один або більше разів. | <число>+ |
| ? | Вказаний тип, слово або група не є обов'язковим. | inset? |
| {A, B} | Повторювати не менше A, але не більше B разів. | <радіус>{1,4} |
| # | Повторювати один або більше разів через кому. | <час># |
Значення
- normal
- Звичайне накреслення тексту.
- italic
- Курсивне зображення.
- oblique
- Похилий контур. Курсив і похилий шрифт при всій їхній схожості не одне й те саме. Курсив це спеціальний шрифт, що імітує рукописний, а похилий утворюється шляхом нахилу звичайних знаків вправо.
Пісочниця
Вінні-Пух був завжди не проти трохи підкріпитися , особливо години об одинадцятій ранку, тому що в цей час сніданок вже давно скінчився, а обід ще й не думав починатися. І, звичайно, він страшенно зрадів, побачивши, що Кролик дістає чашки та тарілки.
div { font-style: <span class="playground-active">{{ playgroundValue }}</span>; }Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>font-style</title> <style> h1 { font-family: Verdana, Arial, Helvetica, sans-serif; /* Рублений шрифт заголовка */
}
p { font-family: 'Times New Roman', Times, serif; /* Шрифт із засічками */
font-style: italic; /* Курсивне накреслення */
}
</style>
</head>
<body> <h1>Культурний пам'ятник Середньовіччя</h1> <p>Амазонська низовина непомірно бере невеликий провіз кішок і собак, а Хайош-Байя славиться червоними винами.
</p>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Мал. 1. Застосування властивості font-style
Об'єктна модель
Об'єкт.style.fontStyle
Специфікація
| Специфікація | Статус |
|---|---|
| CSS Fonts Module Level 3 | Рекомендація |
| Рекомендація | |
| CSS Level 1 | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Браузери
| 4 | 12 | 1 | 7 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — властивість повністю підтримується браузером з усіма допустимими значеннями;
- > — властивість браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення дейс чи властивість застосовується не до всіх елементів, які вказані в специфікації.
Число вказує версію браузера, починаючи з якої властивість підтримується.
"field field-name-field-css-cat field-type-taxonomy-term-reference field-label-hidden">Див. також
Рецепти
Автор та редактори
Останнє змінення: 02.03.2020
Редактори: Влад Мержевич