Свойство word-spacing устанавливает интервал между словами в элементе.
Это свойство применимо ко всем элементам.
Значение свойства word-spacing
- расстояние задается в единицах, принятых в CSS (подробнее здесь...),
- normal – интервал между словами зависит от используемого шрифта или определяется браузером,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- normal
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство word-spacing </title>
<style type="text/css">
p{font-size:16px; color:#CC0099;}
</style>
</head>
<body>
<p> Расстояние между словами установлено по умолчанию. </p>
<p style="word-spacing:20px;"> Расстояние между словами составляет 20 пикселей. </p>
<p style="word-spacing:50px;"> Расстояние между словами составляет 50 пикселей. </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство word-spacing </title>
<style type="text/css">
p{font-size:16px; color:#CC0099;}
</style>
</head>
<body>
<p> Расстояние между словами установлено по умолчанию. </p>
<p style="word-spacing:20px;"> Расстояние между словами составляет 20 пикселей. </p>
<p style="word-spacing:50px;"> Расстояние между словами составляет 50 пикселей. </p>
</body>
</html>
Результат
Расстояние между словами установлено по умолчанию.
Расстояние между словами составляет 20 пикселей.
Расстояние между словами составляет 50 пикселей.
