/css/letter-spacing:> Расстояние между символами_
Свойство letter-spacing
Синтаксис
CSS 1
CSS 2‒2.2
CSS 3
letter-spacing: normal | <длина> | inherit;
Описание
Свойство letter-spacing
(от англ. "letter spacing" ‒ «межбуквенное расстояние») определяет дополнительное расстояние между соседними символами текста.
Применяется: | ко всем элементам; |
---|---|
Наследование: | присутствует; |
Проценты: | Н/Д; |
Медиа: | визуальные. |
Примечание
- Межбуквенное расстояние применяется после двунаправленного переупорядочения и в дополнение к любым расстояниям между словами.
- В зависимости от правил двухстороннего выравнивания в действительности, агенты пользователей могут дополнительно увеличивать или уменьшать расстояние между символами по ходу выравнивания текста по двум сторонам.
- Для данного свойства, встроенные элементы (например, такие как изображения и встроенные блоки) рассматриваются как один символ.
- Межбуквенное расстояние не должно применяться в начале или в конце строки.
JavaScript
[объект]
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Значения
- <длина>
- Определяет длину дополнительного расстояния в добавок к имеющемуся расстоянию по умолчанию между символами.
letter-spacing: 0.5em;
Примечания: значения могут быть отрицательными, но в определённых реализациях могут существовать ограничения.
- normal
- «Нормальное» расстояние для текущего шрифта. (Никакого дополнительного расстояния не применяется.) Вычисляется как нуль.
letter-spacing: normal;
- inherit
- Указывает, что элемент должен унаследовать параметры родительского элемента.
Начальное значение: «normal
».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство letter-spacing</title>
<style type="text/css">
p { letter-spacing: 0.33em; }
</style>
</head>
<body>
<h1>Расстояние между символами</h1>
<p>Расстояние между символами в данном абзаце увеличено на 0.33em.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство letter-spacing</title>
<style type="text/css">
p { letter-spacing: 0.33em; }
</style>
</head>
<body>
<h1>Расстояние между символами</h1>
<p>Расстояние между символами в данном абзаце увеличено на 0.33em.</p>
</body>
</html>
Свойство letter-spacing