font-variant-caps¶
Свойство font-variant-caps управляет использованием альтернативных глифов для заглавных букв.
Когда данный шрифт включает глифы заглавных букв нескольких разных размеров, это свойство выбирает наиболее подходящие. Если миниатюрные прописные глифы недоступны, они отображаются с использованием маленьких заглавных глифов. Если их нет, браузер синтезирует их из глифов верхнего регистра.
Шрифты иногда включают специальные глифы для различных букв без регистра (например, знаков препинания), чтобы лучше соответствовать заглавным буквам вокруг них. Однако глифы с маленькой заглавной буквы никогда не синтезируются для букв без регистра.
Демо¶
Шрифт и Цвет
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- line-height
Синтаксис¶
1 2 3 4 5 6 7 8 9 10 11 12 13
/* Keyword values */ font-variant-caps: normal; font-variant-caps: small-caps; font-variant-caps: all-small-caps; font-variant-caps: petite-caps; font-variant-caps: all-petite-caps; font-variant-caps: unicase; font-variant-caps: titling-caps; /* Global values */ font-variant-caps: inherit; font-variant-caps: initial; font-variant-caps: unset; Значения¶
Свойство font-variant-caps указывается с использованием единственного значения ключевого слова из списка ниже. В каждом случае, если шрифт не поддерживает значение OpenType, он синтезирует глифы.
normal
Отключает использование альтернативных символов.
Включает отображение строчных заглавных букв (функция OpenType: smcp ). Глифы с маленькими заглавными буквами обычно используют форму прописных букв, но уменьшаются до размера строчных букв.
Включает отображение прописных букв как для прописных, так и для строчных букв (возможности OpenType: c2sc , smcp ).
Включает отображение маленьких заглавных букв (функция OpenType: pcap ).
Позволяет отображать маленькие заглавные буквы как для прописных, так и для строчных букв (функции OpenType: c2pc , pcap ).
Включает отображение смеси строчных прописных букв с обычными строчными буквами (функция OpenType: unic ).
Включает отображение заглавных букв (функция OpenType: title ). Глифы прописных букв часто предназначены для использования со строчными буквами. При использовании во всех последовательностях заголовков в верхнем регистре они могут казаться слишком сильными. Заглавные буквы созданы специально для этой ситуации.
Определение¶
| Начальное значение | normal |
| Применяется ко | всем элементам, включая ::first-letter и ::first-line . |
| Наследуется | да |
| Вычисленное значение | как определено |
| Тип анимации | дискретный |
CSS свойство font-variant-caps
Свойство font-variant-caps дает возможность выбрать альтернативные глифы для small, petite и titling капителей. Свойство имеет следующие значения:
- normal
- small-caps
- all-small-caps
- petite-caps
- all-petite-caps
- unicase
- titling-caps
| Значение по умолчанию | normal |
| Применяется | Ко всем элементам, а также к ::first-letter и ::first-line. |
| Наследуется | Да |
| Анимируемое | Нет |
| Версия | CSS3 |
| DOM синтаксис | object.style.fontVariantCaps = «petite-caps»; |
Синтаксис
font-variant-caps: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps;Пример
html> html> head> title>Заголовок документа title> style> .all-small-caps < font-variant-caps: all-small-caps; font-style: italic; > .small-caps < font-variant-caps: small-caps; font-style: italic; > .normal < font-variant-caps: normal; font-style: italic; > style> head> body> h2>Пример свойства font-variant-caps h2> p class="all-small-caps"> Свойство font-variant-caps контролирует использование альтернативных глифов для букв в верхнем регистре. p> p class="small-caps">Small caps! p> p class="normal">Normal caps! p> body> html>Значения
| Значение | Описание |
|---|---|
| normal | Деактивирует использование альтернативных глифов. |
| small-caps | Отображает маленькие капители. Small-caps глифы используют форму заглавных букв, но уменьшаются до размеров строчных букв. |
| all-small-caps | Отображает маленькие капители для заглавных и строчных букв. |
| petite-caps | Отображает petite капители. |
| all-petite-caps | Отображает petite капители для заглавных и строчных букв. |
| unicase | Отображает смесь маленьких капителей для заглавных букв с обычными строчными буквами. |
| titling-caps | Отображает titling капители. |
| initial | Устанавливает свойство в значение по умолчанию. |
| inherit | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
| 52.0+ | ✕ | 34.0+ | 9.1+ | 39.0+ |
CSS свойство font-variant
CSS свойство font-variant указывает, должен ли текст быть выведен в капители (оставить без модификаций строчные буквы или установить строчные знаки как уменьшенные заглавные).
Поддержка браузерами
| Свойство | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|
| font-variant | 1.0 | 1.0 | 3.5 | 1.0 | 4.0 | 12.0 |
font-variant:"normal | small-caps | initial | inherit";
object.style.fontVariant = "normal"
Значения свойства
| Значение | Описание |
|---|---|
| normal | Отображается обычным шрифтом. Это значение по умолчанию. |
| small-caps | Текст будет выведен в капители шрифта (строчные буквы устанавливаются как прописные уменьшенного размера). |
| initial | Устанавливает свойство в значение по умолчанию. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Версия CSS
Наследуется
Анимируемое
Пример использования
Пример использования свойства font-variant. .test font-variant : small-caps; /* задает капитель шрифта. */ > Параграф отображается обычным шрифтом. class = "test">Строчные буквы устанавливаются как прописные уменьшенного размера.