Интервалы между словами
Атрибут word-spacing задаёт поведение интервалов между словами.
Если указана <length> без идентификатора единицы измерения (например, просто число 128), браузер обрабатывает эту <length> как значение ширины в текущей системе координат пользователя.
Если <length> указана с одним из идентификаторов единиц измерения (например, .25em или 1%), то браузер преобразует <length> в соответствующее значение в текущей системе координат пользователя.
Примечание: В качестве атрибута отображения, word-spacing может быть использован как свойство CSS. Более подробную информацию смотрите в свойстве CSS word-spacing.
Элементы
Вы можете использовать этот атрибут со следующими элементами SVG:
Примечания по использованию
| Значение |
normal | <length>
|
|---|---|
| Анимируемо | Да |
| Значения по умолчанию | normal |
Для описания значений, пожалуйста, обратитесь к свойству CSS letter-spacing.
Примеры
Этот пример включает два элемента <text> с разными значениями word-spacing.
<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>
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 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