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

letter-spacing

Свойство letter-spacing определяет интервал между символами в пределах элемента.

Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данное свойство. Допустимо использовать отрицательное значение, но в этом случае надо убедиться, что сохраняется читабельность текста.

Демо

Текст

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
/* <length> values */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: 0.3px;

/* Keyword values */
letter-spacing: normal;

/* Global values */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Наилучший результат дает использование относительных единиц основанных на размере шрифта (em и ex).

normal

Задает интервал между символами как обычно.

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

1
letter-spacing: normal;

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

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

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>letter-spacing</title>
        <style>
            em {
                letter-spacing: 2px;
            }
        </style>
    </head>
    <body>
        <p>
            Кульминация, после осторожного анализа,
            существенно перечеркивает экваториальный большой
            круг небесной сферы, как это случилось в 1994
            году с кометой
            <em>Шумейкеpов-Леви 9</em>.
        </p>
    </body>
</html>

Комментарии