Свойство font-variant

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

Синтаксис

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

Значения

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

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

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

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

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  font-variant: small-caps;
}

Результат:

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

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

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

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

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  font-variant: normal;
}

Результат: