writing-mode

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в разных версиях браузеров. Она доступна во всех браузерах с ⁨марта 2017⁩ года.

Атрибут writing-mode определяет, будет ли исходное направление строчного потока для элемента <text> идти слева направо, справа налево или сверху вниз. Атрибут writing-mode применяется только к элементам <text>; для вложенных элементов <tspan> и <textPath> этот атрибут игнорируется. (Обратите внимание, что направление строчного потока внутри элемента <text> может изменяться из-за двунаправленного алгоритма Unicode и свойств direction и unicode-bidi.)

Примечание: Как атрибут представления, writing-mode также имеет аналогичное свойство CSS: writing-mode. Если заданы оба варианта, приоритет имеет свойство CSS.

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

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

Значение по умолчанию	`horizontal-tb`
Значение	`horizontal-tb` \| `vertical-rl` \| `vertical-lr`
Анимируемый	Да

horizontal-tb: Это значение задаёт направление блочного потока сверху вниз. И режим письма, и типографский режим являются горизонтальными.
vertical-rl: Это значение задаёт направление блочного потока справа налево. И режим письма, и типографский режим являются вертикальными.
vertical-lr: Это значение задаёт направление блочного потока слева направо. И режим письма, и типографский режим являются вертикальными.

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

Спецификация
Режимы письма CSS, уровень 4> # block-flow>
Масштабируемая векторная графика (SVG) 2> # WritingModeProperty>

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

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`writing-mode`	488	1212	41 В Firefox 42 добавлена поддержка двунаправленных текстов и письма справа налево в вертикальных режимах.	3515	10.15.1	4818	41 В Firefox для Android 42 добавлена поддержка двунаправленных текстов и письма справа налево в вертикальных режимах.	3514	10.35	5.01.0	483	10.35

См. также

свойство CSS writing-mode

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/writing-mode