English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS справочник

CSS @правила (RULES)

Полный список свойств CSS

Метод использования и пример свойства font-variant CSS

Свойство font-variant CSS устанавливает отображение текста с малыми заглавными буквами, что означает, что все строчные буквы будут преобразованы в заглавные, но все буквы, использующие малые заглавные буквы, будут меньше по размеру по сравнению с остальным текстом

Таблица ниже предоставляет описание использования и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах на javascript.

Значение по умолчанию:normal
Применяется к:Все элементы
Инheritance:Да
Анимируемо:Нет.Пожалуйста, смотрите Анимационные свойства.
Версия:CSS 1, 2, 3

Синтаксис использования свойства font-variant

Грамматика этого свойства такая:

font-variant: normal | small-caps | initial | inherit

Ниже приведен пример того, как использовать свойство font-variant.

  p {
   font-variant: small-caps;
  }
Проверьте, ›/‹

Значения свойств

Таблица ниже описывает значения этого свойства.

ЗначениеОписание
normalУказать обычный шрифт.
small-capsУказать шрифт, помеченный как строчный. Если не удается использовать строчный шрифт, браузер имитирует этот вариант, используя обычный шрифт, заменяя строчные буквы уменьшенными заглавными.
initialУстановить этот атрибут в его значение по умолчанию.
inheritЕсли указано, то связанный элемент принимает значение свойства font-variant родительского элемента.

Внимание:   В шрифтах small-caps строчные буквы выглядят как заглавные, но они меньше по размеру, пропорции немного отличаются.

Совместимость браузеров

Совместимость браузеров для свойства font-variant, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Дополнительное чтение

Пожалуйста, обратитесь к следующим учебникам:CSS шрифты,CSS текст.

Соответствующие свойства и правила:font,font-style,font-weight,font-size,line-height,font-family,@font-face.