font-variant CSS

Свойство font-variant определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера.

Такой способ изменения символов называется капителью.

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

normal

Наследуется:
Да
Применяется:

Ко всем элементам

Анимируется:
Нет
Объект JavaScript:

object.style.fontVariant

Спецификации:

Синтаксис

font-variant: small-caps;
font-variant: common-ligatures small-caps;

/* Global values */
font-variant: inherit;
font-variant: initial;
font-variant: unset;

Значения

  • normal — Оставляет регистр символов исходным, заданным по умолчанию.
  • small-caps — Модифицирует все строчные символы как заглавные уменьшенного размера, как показано на рис. 1.

Рис. 1. Обычный текст и текст в виде капители
Рис. 1. Обычный текст и текст в виде капители

Примеры

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>font-variant</title>
  <style>
   h1 {
    font-variant: small-caps; /* Устанавливаем капитель для заголовка */
   } 
  </style>
 </head>
 <body> 
  <h1>Почему ослаблен амфибол?</h1>
  <p>Пока магма остается в камере, минерализация стягивает орогенез. </p>
 </body>
</html>