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

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
<!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>

Комментарии