Spec-Zone.ru › SVG

Интервалы между словами

Атрибут word-spacing задаёт поведение интервалов между словами.

Если указана <length> без идентификатора единицы измерения (например, просто число 128), браузер обрабатывает эту <length> как значение ширины в текущей системе координат пользователя.

Если <length> указана с одним из идентификаторов единиц измерения (например, .25em или 1%), то браузер преобразует <length> в соответствующее значение в текущей системе координат пользователя.

Примечание: В качестве атрибута отображения, word-spacing может быть использован как свойство CSS. Более подробную информацию смотрите в свойстве CSS word-spacing.

Элементы

Вы можете использовать этот атрибут со следующими элементами SVG:

  • <text>
  • <textPath>
  • <tref>
  • <tspan>

Примечания по использованию

Значение normal | <length>
Анимируемо Да
Значения по умолчанию normal

Для описания значений, пожалуйста, обратитесь к свойству CSS letter-spacing.

Примеры

Этот пример включает два элемента <text> с разными значениями word-spacing.

html
<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" word-spacing="4">Bigger spacing between words</text>
  <text x="0" y="40" word-spacing="-0.5">Smaller spacing between words</text>
</svg>

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

Спецификация
CSS Текстовый модуль уровень 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

См. также

  • Свойство CSS word-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/SVG/Attribute/word-spacing

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API