Перейти к содержанию

font-variant

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

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

Демо

Шрифт и Цвет

Синтаксис

1
2
3
4
5
6
7
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
font-variant: normal;

Применяется ко всем элементам

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

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<!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>

Комментарии