CSS свойство letter-spacing

CSS свойства

Определение и применение

CSS свойство letter-spacing увеличивает или уменьшает интервал между символами в тексте.

Поддержка браузерами

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
letter-spacing1.01.03.51.04.012.0

CSS синтаксис:

letter-spacing:"normal | length | initial | inherit";

JavaScript синтаксис:

object.style.letterSpacing = "5px"

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

ЗначениеОписание
normalДополнительное пространство между символами отсутствует. Это значение по умолчанию.
lengthОпределяет дополнительное расстояние между символами (единицы измерения, используемые в CSS). Допускаются отрицательные значения.
initialУстанавливает свойство в значение по умолчанию.
inheritУказывает, что значение наследуется от родительского элемента.

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Да.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Свойство letter-spacing.</title>
<style> 
.test {
letter-spacing : -1px; /* задаём отрицательный интервал между символами в тексте. */
}
.test2 {
letter-spacing : normal; /* задаём интервал между символами в тексте (значение по умолчанию). */
}
.test3 {
letter-spacing : 2px; /* задаём интервал между символами в тексте. */
}
.test4 {
letter-spacing : 10px; /* задаём интервал между символами в тексте. */
}
</style>
</head>
	<body>
		<div class = "test">letter-spacing: -1px</div>
		<div class = "test2">letter-spacing: normal</div>
		<div class = "test3">letter-spacing: 2px</div>
		<div class = "test4">letter-spacing: 10px</div>
	</body>
</html>
Пример увеличения и уменьшения интервала между символами в тексте.
Пример увеличения и уменьшения интервала между символами в тексте.
CSS свойства