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

CSS свойства

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

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

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

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

CSS синтаксис:

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

JavaScript синтаксис:

object.style.wordSpacing = "22px"

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

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

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Да.

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

<!DOCTYPE html>
<html>
<head>
<title>Пример использования свойства word-spacing.</title>
<style> 
.test {
word-spacing : normal; /* определяем расстояние между словами (значение по умолчанию) */
}
.test2 {
word-spacing : 15px; /* определяем расстояние между словами (15 пикселей) */
}
.test3 {
word-spacing : -5px; /* определяем расстояние между словами (отрицательное значение) */
}
</style>
</head>
	<body>
		<p class = "test">Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю.</p>
		<p class = "test2">Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю.</p>
		<p class = "test3">Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю.</p>
	</body>
</html>
Пример использования свойства CSS word-spacing.
Пример использования свойства CSS word-spacing.
CSS свойства