Атрибут font-variant в CSS
- предыдущая страница font-style
- Следующая страница font-variant-caps
Определение и использование
Атрибут font-variant устанавливает отображение текста с малыми заглавными буквами, что означает, что все строчные буквы будут преобразованы в заглавные, но все буквы, написанные малыми заглавными буквами, будут меньше по размеру по сравнению с остальным текстом.
Описание
Этот атрибут主要用于 определения текста с малыми заглавными буквами. Теоретически, пользовательский агент может вычислить шрифт с малыми заглавными буквами, основываясь на нормальном шрифте.
См. также:
Учебное пособие:Шрифты CSS
Руководство по CSS:Атрибут font в CSS
Руководство по HTML DOM:Атрибут fontVariant
Пример
Установите абзац в шрифт с малыми заглавными буквами:
p.small { font-variant:small-caps; }
CSS синтаксис
font-variant: normal|small-caps|initial|inherit;
Значение атрибута
Значение | Описание |
---|---|
normal | Значение по умолчанию. Браузер будет отображать стандартный шрифт. |
small-caps | Браузер будет отображать шрифт с малыми заглавными буквами. |
inherit | Определяет, что значение атрибута font-variant должно быть наследовано от родительского элемента. |
Технические детали
Значение по умолчанию: | normal |
---|---|
Инheritance: | да |
Версия: | CSS1 |
JavaScript синтаксис: | object.style.fontVariant="small-caps" |
Пример TIY
- Установка альтернативного стиля шрифта
- Этот пример демонстрирует, как можно установить альтернативный стиль шрифта.
Поддержка браузером
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- предыдущая страница font-style
- Следующая страница font-variant-caps