Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными
уменьшенного размера. Такой способ изменения символов
называется капителью.
Синтаксис
font-variant: normal | small-caps | inherit
Значения
normal
Оставляет регистр символов исходным, заданным по умолчанию.
small-caps
Модифицирует все строчные символы как заглавные уменьшенного размера, как показано на рис. 1.
inherit
Наследует значение родителя
Рис. 1. Обычный текст и текст в виде капители
Пример
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>font-variant</title>
<style>
h1 {
font-variant: small-caps; /* Устанавливаем капитель для заголовка */
}
</style>
</head>
<body>
<h1>Duis te feugifacilisi</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.
Это интересно
Из исследования, проведённого и представленного Яндексом в 2009-ом году: В индексе «Яндекса» хранится 140 тысяч гигабайт текстовых данных (или 2,3 триллиона слов); если всё это распечатать, выйдет состоящий из 10,5 миллиарда страниц куб высотой с девятиэтажный дом. Каждая четвёртая веб-страница, хоть и содержит текст, бесполезна (является поисковым спамом). 56% сайтов состоят лишь из одной страницы, 88% информации сконцентрировано менее чем в одном проценте сайтов.