| Інтернет Експлорер | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Коротка інформація
| Значення за замовчуванням | normal |
|---|---|
| Наслідується | Так |
| Застосовується | До всіх елементів |
| Посилання на специфікацію | http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Визначає нахил шрифту — звичайний, курсивний або нахилений. Коли для тексту встановлено курсивне або нахилений нахил, браузер звертається до системи для пошуку підходящого шрифта. Якщо заданий шрифт не знайдений, браузер використовує спеціальний алгоритм для імітації необхідного вигляду тексту. Результат і якість при цьому можуть бути незадовільними, особливо при друку документа.
Синтаксис
font-style: normal | italic | oblique | inherit
Значення
- normal
- Звичайне нахил тексту.
- italic
- Курсивний нахил.
- oblique
- Нахилений нахил. Курсив і нахилений шрифт при всій їхній схожості не одне і те саме. Курсив це спеціальний шрифт імітуючий рукописний, нахилений же утворюється шляхом нахилу звичайних знаків вправо.
- inherit
- Наслідує значення батька.
Приклад
HTML5CSS2.1IECrOpSaFx
<!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>Duis te feugifacilisi</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>Результат даного прикладу показаний на рис. 1.
Об'єктна модель
[window.]document.getElementById("elementID").style.fontStyle
Браузери
Інтернет Експлорер до версії 7.0 включно не підтримує значення inherit.
Браузери текст з значенням oblique завжди відображають як курсив (italic).