font-style

Вы читаете английскую версию этой статьи, так как пока нет перевода на данный язык. Помогите нам перевести эту статью!

font-style это CSS свойство определяющее каким образом шрифт должен быть стилизирован, будь то это normal, italic, или oblique face из его font-family.

Italic шрифты в общем курсивные по своей сути, обычно занимают меньше горизонтального пространства чем их нестилизированные копии, тогда как oblique шрифты обычно просто наклонная версия регулярного шрифта. Когда определённый стиль не доступен, оба italic и oblique шрифты симулируются искусственно наклоняя глифы регулярного шрифта (используйте font-synthesis для управления этим поведением).

Syntax

font-style: normal;
font-style: italic;
font-style: oblique;

/* Глобальные значения */
font-style: inherit;
font-style: initial;
font-style: unset;

Свойство font-style определяется как единственное ключевое слово выбранное из списка значений внизу.

Values

normal
Выделяет шрифт который классифицирован как normal в font-family.
italic
Выделяет шрифт который классифицирован как  italic. Если не доступна курсивная версия шрифта, взамен используется oblique классификация. Если не одна версия не доступна, то стиль симулируется искусственно.
oblique
Выделяет шрифт который классифицирован как  oblique. Если не доступна косая версия шрифта, взамен используется  italic классификация. Если не одна версия не доступна, то стиль симулируется искусственно.

Formal syntax

normal | italic | oblique <angle>?

Examples

Font styles

.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

Specific​ations

Specification Status Comment
CSS Fonts Module Level 3
Определение 'font-style' в этой спецификации.
Кандидат в рекомендации No change
CSS Level 2 (Revision 1)
Определение 'font-style' в этой спецификации.
Рекомендация No change
CSS Level 1
Определение 'font-style' в этой спецификации.
Рекомендация Initial definition
Начальное значениеnormal
Применяется квсе элементы. Это также применяется к ::first-letter и ::first-line.
Наследуетсяда
Отображениевизуальный
Обработка значениякак указано
Animation typediscrete
Канонический порядокуникальный неоднозначный порядок, определённый формальной грамматикой

Browser compatibility

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
font-styleChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1
Замечания
Полная поддержка 1
Замечания
Замечания Before Firefox 44, oblique was not distinguished from italic.
IE Полная поддержка 4Opera Полная поддержка 7Safari Полная поддержка 1WebView Android Полная поддержка 1Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4
Замечания
Полная поддержка 4
Замечания
Замечания Before Firefox 44, oblique was not distinguished from italic.
Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 1Samsung Internet Android Полная поддержка Да
oblique can accept an <angle>Chrome Нет поддержки НетEdge Нет поддержки НетFirefox Полная поддержка 61IE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Нет поддержки НетFirefox Android Полная поддержка 61Opera Android ? Safari iOS Нет поддержки НетSamsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна
Смотрите замечания реализации.
Смотрите замечания реализации.