html.okpython.net
Основы создания сайтов
CSS :: Свойство font-variant
css-свойство font-variant (от англ. font variant – вариант шрифта) используется для конвертации строчных букв в прописные уменьшенного размера (т.е. в капитель).
Характеристики
- Значение по умолчанию: normal.
- Применяется: ко всем элементам.
- Наследуется: да.
- Анимируется: нет.
- JavaScript: object.style.fontVariant="value".
Синтаксис
font-variant: normal | small-caps
Значения
- normal – браузер будет отображать символы стандартным способом.
- small-caps – браузер будет конвертировать символы в капитель.
Ссылки
Официальный сайт W3C: https://drafts.csswg.org/css-fonts-3/#propdef-font-variant
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/font-variant
Примеры
HTML
Результат
htmlCodes
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> <style> .variant_1{ font-variant: normal; } .variant_2{ font-variant: small-caps; } </style> </head> <body> <p class="variant_1"> Стандартное отображение (font-variant: normal) </p> <p class="variant_2"> Капитель (font-variant: small-caps) </p> </body> </html>
Пример №1