Свойство font-variant позволяет сделать маленькие (строчные) буквы ЗАГЛАВНЫМИ, но маленького размера. Такая запись называется капителью.

Синтаксис

селектор {
	font-variant: small-caps | normal | inherit;
}

Значения

Значение Описание
small-caps Делает маленькие буквы заглавными маленького размера.
normal Отменяет действие small-caps. Обычно необходимо в случае, если вам нужно отменить капитель для определенного участка текста (к примеру, все абзацы сделаны капителью, а данный - нет).
inherit Наследует значение родителя.

Значение по умолчанию: normal.

Примеры

Пример . Значение small-caps

В данном примере буквы станут заглавными, но при этом маленького размера:

p {
	font-variant: small-caps;
}

Результат выполнения кода:

lorem ipsum dolor sit amet, consectetur adipiscing elit. aenean a dapibus magna, ac interdum nisl. suspendisse eget fringilla nibh, eu commodo arcu. donec lacinia tempor velit sed tincidunt. aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Сравните предыдущий пример (капитель), с текстом, написанным заглавными буквами:

LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. AENEAN A DAPIBUS MAGNA, AC INTERDUM NISL. SUSPENDISSE EGET FRINGILLA NIBH, EU COMMODO ARCU. DONEC LACINIA TEMPOR VELIT SED TINCIDUNT. ALIQUAM PORTTITOR NULLA PURUS, VEL VULPUTATE IPSUM FAUCIBUS SED. PHASELLUS SODALES, LOREM VEL CURSUS VEHICULA, ANTE PURUS LACINIA DUI, INTERDUM FRINGILLA MASSA EROS UT DUI.

Пример . Значение normal

А сейчас будет обычный текст:

p {
	font-variant: normal;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.