• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Сделать интервал между словами через CSS (Интервалы в CSS: line-height, letter-spacing, word-spacing)
Сделать интервал между словами через CSS
Kosten
Дата: Среда, 2019-10-02, 17:50 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25228
Награды: 57


Давайте в этой заметке рассмотрим управление интервалом между словами с помощью CSS word-spacing Property. Где свойство CSS word-spacing определяет ширину пробела между словами в блоке текста. При указании длины длина указанного пробела является дополнением к значению по умолчанию, определенному шрифтом или браузером.

Таким образом, указав интервал между словами: 2px будет означать интервал между словами 2px + интервал между словами по умолчанию определяется браузером.

И так:

normal: нормальный интервал, определенный шрифтом или браузером

Код
word-spacing: normal;


length: укажите дополнительный интервал, указанный в единицах длины CSS - px, em, pt и так далее.

Код
word-spacing: 5px;


Код
word-spacing: 1.5em;


inherit: наследовать интервал между словами родительского элемента.

Пример:



CSS

Код
.space-words {
    word-spacing: 10px;
}

HTML

Код
<div class="space-words">Слова будут находиться на расстоянии 10 пикселей в этом предложении.</div>


- Вы можете использовать отрицательные значения, чтобы уменьшить расстояние между словами.

- word-spacing словами можно анимировать - вы можете использовать это свойство в своих CSS-анимация.
Прикрепления: 9401203.png(9.2 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Сделать интервал между словами через CSS (Интервалы в CSS: line-height, letter-spacing, word-spacing)
  • Страница 1 из 1
  • 1
Поиск: