letter-spacing CSS

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

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

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

normal

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

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

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

object.style.letterSpacing

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

Синтаксис

/* <length> values */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

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

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

Значения

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

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

Примеры

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