Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | 3.5+ | 3.1+ | 1.0+ | 1.0+ | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
+ | + | + | + |
Для чего используется?
Свойство отвечает за установку текста в формате капитель. Капитель - это такой стиль написания, в которм в качестве строчных букв используют заглавные, но немного меньше указанного.
Как правильно задавать?
font-variant: стиль шрифта;
Какие могут быть значения?
- normal - возвращает исходный стиль написания.
- small-caps - устанавливает шрифт в формате капитель.
- inherit - повторяет начертание, которое используется родительским элементом.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство font-variant</title> <style> p { font-size: 16px; font-family: Arial; font-variant: small-caps color:#444; } h2 { font: 25px Times New Roman; color:#9b9b9b; } </style> </head> <body> <h2>Заголовок</h2> <p>Основной текст статьи, написанный в стиле капители. Размер символов тоже другой, слегка меньше чем заголовок.</p> </body> </html>
По итогу получаем
Тип CSS свойства:
Шрифт