Зачем нужен word-spacing
Свойство word-spacing використовується для налаштування відстані між словами у тексті, що використовується рідко. Його можна застосувати для екзотичних шрифтів або для чисел більше 999. Наприклад, правильно писати "18 329", а не "18329", де пробіл допомагає зрозуміти число. Використання word-spacing дозволяє контролювати цю відстань. Для цього число потрібно взяти в тег <span>, як показано в прикладі 1.
Приклад 1. word-spacing
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Пирамида Хеопса</title>
<style>
.n {
word-spacing: -1px; /* Зменшуємо відстань */
white-space: nowrap; /* Забороняємо перенос тексту */
}
</style>
</head>
<body>
<p>Історики припускають, що піраміда Хеопса будувалась близько 20 років. За допомогою простої математики ми спростуємо це твердження.</p>
<p>Таким чином, за двадцять років було п'ять високосних днів, з їх урахуванням будівництво тривало <span class="n">7 305</span> днів. Кількість блоків у піраміді: близько 2,5 мільйона. Ділимо <span class="n">2 500 000</span> на <span class="n">7 305</span> і отримуємо 34 блоки на день. Щоб ви усвідомили, наскільки це багато, нагадаю про додаткові умови:</p>
<ul>
<li>вага блоків від <span class="n">2 500 000</span> до <span class="n">15 000 000</span> кг;</li>
<li>кам'яні блоки ще потрібно було вирізати з породи та доставити на відстань близько кілометра;</li>
<li>єгиптяни використовували лише мідні інструменти.</li>
</ul>
</body>
</html>Значення можна встановлювати як від'ємне число, що дозволяє зменшувати відстань між словами. На рис. 1 показано числа, оформлені з використанням word-spacing.
Де ще можна використовувати свойство word-spacing?