glyph-orientation-horizontal
Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему её поддерживать, она уже могла быть удалена из соответствующих веб-стандартов, её удаление может быть запланировано или она может сохраняться только для обеспечения совместимости. Не используйте её и, по возможности, обновите существующий код; при принятии решения воспользуйтесь таблицей совместимости внизу этой страницы. Учтите, что эта функция может перестать работать в любой момент.
Атрибут glyph-orientation-horizontal влияет на величину смещения текущей позиции текста при отрисовке каждого глифа.
Если направление ориентации отсчёта горизонтальное, а glyph-orientation-horizontal приводит к углу ориентации, кратному 180 градусам, текущая позиция текста увеличивается согласно горизонтальным метрикам глифа. В противном случае, если значение этого атрибута не кратно 180 градусам, текущая позиция текста увеличивается согласно вертикальным метрикам глифа.
Этот атрибут применяется только к тексту, написанному в горизонтальном writing-mode.
Примечание: У glyph-orientation-horizontal как у атрибута представления также есть соответствующее свойство CSS: glyph-orientation-horizontal. Если указаны оба варианта, приоритет имеет свойство CSS.
Этот атрибут можно использовать со следующими элементами SVG:
Примечания по контексту
| Значение | <angle> |
|---|---|
| Значение по умолчанию | 0deg |
| Анимируемый | Нет |
<angle>-
Значение угла может быть равно 0, 90, 180 или 270 градусам. Если задано другое значение, оно округляется до ближайшего допустимого. Значение
0degозначает, что все глифы расположены так, что их верхняя часть направлена в сторону ориентации отсчёта. Значение90degозначает ориентацию, повёрнутую на 90 градусов по часовой стрелке относительно ориентации отсчёта.
Спецификации
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari в iOS | Samsung Internet | WebView Android | WebView в iOS | |
glyph-orientation-horizontal |
Нет | Нет | Нет | Нет | ≤13.1 | Нет | Нет | Нет | ≤13.4 | Нет | Нет | ≤13.4 |
© 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/glyph-orientation-horizontal
