word-spacing

Baseline Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Свойство word-spacing CSS задает длину пробела между словами и тегами.

Попробовать

Синтаксис

/* Keyword value */
word-spacing: normal;

/* <length> values */
word-spacing: 3px;
word-spacing: 0.3em;

/* Global values */
word-spacing: inherit;
word-spacing: initial;
word-spacing: revert;
word-spacing: revert-layer;
word-spacing: unset;

Значения

normal: Обычный интервал между словами, как определено текущим шрифтом и/или браузером.
<length>: Указывает дополнительный пробел в дополнение к внутреннему интервалу между словами, определенному шрифтом.

Доступность

Большое положительное или отрицательное значение word-spacing сделает предложения, к которым применяется стилизация, нечитаемыми. Для текста, стилизованного очень большим положительным значением, слова будут настолько далеко друг от друга, что предложение уже не будет выглядеть как предложение. Для текста, стилизованного большим отрицательным значением, слова будут перекрываться друг другом до такой степени, что начало и конец каждого слова будут неразличимы.

Читаемость word-spacing необходимо определять в каждом конкретном случае, так как различные шрифты имеют различную ширину символов. Нет одного значения, которое может гарантировать, что все шрифты автоматически сохранят свою удобочитаемость.

Примеры

HTML

<div id="mozdiv1">Lorem ipsum dolor sit amet.</div>
<div id="mozdiv2">Lorem ipsum dolor sit amet.</div>

CSS

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}

Формальное определение

Начальное значение	`normal`
Применяется к	все элементам. Также применяется к `::first-letter` и `::first-line`.
Наследуется	да
Проценты	относятся к ширине затронутого глифа
Вычисленное значение	абсолютное `<length>`
Тип анимации	длина

Формальный синтаксис

word-spacing = 
  normal    |
  <length>

Спецификации

Спецификация
CSS Text Module Level 3 # word-spacing-property

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`word-spacing`	1	12	1	3.5	1	18	4	14	1	1.0	4.4
`normal`	1	12	1	3.5	1	18	4	14	1	1.0	4.4
`percentages`	Нет	Нет	45	Нет	7	Нет	45	Нет	7	Нет	Нет
`svg_elements`	1	12	72	7	5.1	18	79	14	5	1.0	4.4

См. также

letter-spacing

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing