Свойство Style letterSpacing

Определение и использование

letterSpacing Свойство устанавливает или возвращает расстояние между символами в тексте (Интервал между символами).

Совет:Чтобы установить или вернуть расстояние между словами в тексте (Интервал между словами), используйте Свойство wordSpacing.

Дополнительная информация:

CSS курс:Текст CSS

CSS справочник:Свойство letter-spacing

Пример

Пример 1

Установите расстояние между символами в элементе <p> в 15 пикселей:

document.getElementById("myP").style.letterSpacing = "15px";

Попробуйте сами

Пример 2

Использование отрицательных значений:

document.getElementById("myP").style.letterSpacing = "-2px";

Попробуйте сами

Пример 3

Возврат间距 символов в элементе <p>:

alert(document.getElementById("myP").style.letterSpacing);

Попробуйте сами

Пример 4

Разница между свойствами letterSpacing и wordSpacing:

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

Попробуйте сами

Синтаксис

Возврат атрибута letterSpacing:

object.style.letterSpacing

Установите атрибут letterSpacing:

object.style.letterSpacing = "normal|length|initial|inherit"

Значение атрибута

Значение Описание
normal Обычное расстояние между символами. По умолчанию.
length Определяет отступы с помощью единиц измерения длины. Разрешены отрицательные значения.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Инheritирует этот атрибут от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: normal
Возвратное значение: Строка, представляющая расстояние между символами в тексте.
CSS версия: CSS1

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка