режим-записи
Атрибут writing-mode указывает, будет ли начальное направление вставки строки для элемента <text> слева направо, справа налево или сверху вниз. Атрибут writing-mode применяется только к элементам <text>; атрибут игнорируется для подэлементов <tspan>, <tref> и <textPath>. (Обратите внимание, что направление вставки строки внутри элемента <text> может изменяться из-за алгоритма двунаправленной обработки Unicode и свойств direction и unicode-bidi.)
Примечание: В качестве атрибута отображения writing-mode может использоваться как свойство CSS. Дополнительную информацию см. в свойстве CSS writing-mode.
Вы можете использовать этот атрибут со следующими элементами SVG:
Примечания по использованию
| Значение по умолчанию | horizontal-tb |
|---|---|
| Значение | horizontal-tb | vertical-rl | vertical-lr |
| Анимируемо | Да |
horizontal-tb-
Это значение определяет направление потока блоков сверху вниз. Режим записи и режим набора текста горизонтальны.
vertical-rl-
Это значение определяет направление потока блоков справа налево. Режим записи и режим набора текста вертикальны.
vertical-lr-
Это значение определяет направление потока блоков слева направо. Режим записи и режим набора текста вертикальны.
Спецификации
| Спецификация |
|---|
| CSS Режимы записи Уровень 4 # block-flow |
| Scalable Vector Graphics (SVG) 2 # WritingModeProperty |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
writing-mode |
488 | 1212 | 41Firefox 42 добавил поддержку двунаправленных и RTL-скриптов в вертикальных режимах. |
3515 | 10.15.1 | 4818 | 41Firefox 42 добавил поддержку двунаправленных и RTL-скриптов в вертикальных режимах. |
3514 | 10.35 | 5.01.0 | 483 |
См. также
© 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/writing-mode