Пример
Установить абзац, набранный шрифтом с маленькой буквы:
p.small
{
font-variant: small-caps;
}
Попробуйте сами »
Определение font-variant
Свойство CSS font-variant определяет, должен ли текст отображаться шрифтом с маленькой буквы.
В шрифте с маленькой буквы все строчные буквы преобразуются в заглавные. Однако преобразованные заглавные буквы отображаются шрифтом меньшего размера, чем исходные заглавные буквы в тексте.
| Значение по умолчанию: | normal |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.fontVariant="small-caps" Попробуй |
Поддержка font-variant
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис font-variant
font-variant: normal|small-caps|initial|inherit;
Значения font-variant
| Значение | Описание | Демонстрация |
|---|---|---|
| normal | The browser displays a normal font. Это значение по умолчанию | Демо ❯ |
| small-caps | Браузер отображает шрифт с маленькой буквы | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме font-variant
CSS Учебник: CSS Шрифт
CSS Справочник: font свойство
HTML DOM справочник: fontVariant свойство