English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила @ в CSS

Полный список свойств CSS

Метод использования и примеры свойств letter-spacing в CSS

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

Таблица ниже описывает использование этого свойства, историю версий и использование этого свойства в скриптах JavaScript.

Значение по умолчанию:normal
Применяется к:Все элементы. Это также применяется к:: first-letterи:: first-line.
Инherit:Да
Анимировано:Да.Пожалуйста, смотрите: Анимационные свойства.
Версия:CSS 1, 2, 3
JavaScript грамматика:объект.style.letterSpacing="5px"

Грамматика использования letter-spacing

Грамматика этого свойства такая:

letter-spacing: length | normal | initial | inherit

Ниже приведены примеры того, как использовать свойство letter-spacing.

  h1 {
   letter-spacing: -3px;
  }
  p {
   letter-spacing: 15px;
  }
Проверьте, посмотрите <›/›

Примечание:Для свойства letter-spacing нормальное значение не равно значению длины 0. Если это нормальное значение, браузер может отрегулировать пространство для выравнивания текста; если значение 0, то нет.

Значения свойств

В таблице ниже описаны значения этого свойства.

ЗначениеОписание
normalИнтервалы - это нормальный интервал текущего шрифта. Это пространство может быть отрегулировано браузером для выравнивания текста. Это значение по умолчанию.
lengthЗначение длины определяет дополнительное пространство между символами, добавляемое между символами, кроме интервала между словами по умолчанию. Браузер может не иметь возможности регулировать это пространство для выравнивания текста.
initialУстановить этот параметр в его значение по умолчанию.
inheritЕсли задан, то связанные элементы используют значение свойства letter-spacing родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства letter-spacing, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Дополнительное чтение

Пожалуйста, смотрите следующие руководства:CSS Text.

Связанные свойства:white-space,word-spacing.