Internet Explorer | 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
- Успадковує значення батька.
Приклад
HTML5 CSS2.1 IE Cr Op Sa Fx
<!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
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення inherit .
Браузери текст зі значенням oblique завжди відображають як курсив ( italic ).