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

css-свойство word-spacing (от англ. word spacing – интервал между словами) устанавливает интервал между словами в пределах данного элемента.

Характеристики

Значение по умолчанию: normal.
Применяется: ко всем элементам.
Наследуется: да.
Анимируется: да.
JavaScript: object.style.wordSpacing="value".

Синтаксис

word-spacing: <размер> | normal

Значения

размер – принимаются любые единицы измерения (смотреть), используемые в CSS. Разрешается использовать отрицательные значения, но в этом случае слова могут заходить друг на друга или вести себя непредсказуемым образом, так что нужно быть внимательным и следить за сохранением читабельности текста. Значения в процентах не допускаются.
normal – обычный интервал, используемый браузером (обычно 0.25em).

Ссылки

Официальный сайт W3C: https://drafts.csswg.org/css-text-3/#propdef-word-spacing

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/word-spacing

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
		
		p{
		margin: 3em;
		}
		
		.p_1{
		word-spacing: 2em;
		}
		
		.p_2{
		word-spacing: 0.7em;
		}
		
		.p_3{
		word-spacing: -0.2em;
		}		
		
	</style>
	
</head>
<body>

	<p>
		word-spacing: normal<br>
		Вторая строка абзаца<br>
		Третья строка абзаца
	</p>

	<p class="p_1">
		word-spacing: 2em<br>
		Вторая строка абзаца<br>
		Третья строка абзаца
	</p>
	
	<p class="p_2">
		word-spacing: 0.7em<br>
		Вторая строка абзаца<br>
		Третья строка абзаца
	</p>
	
	<p class="p_3">
		word-spacing: -0.2em<br>
		Вторая строка абзаца<br>
		Третья строка абзаца
	</p>	
	
</body>
</html>

Пример №1