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

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>

Комментарии