direction
direction 属性指定了 <text> 或 <tspan> 元素的内联基础方向。它定义了文本行的起始和结束点，由 text-anchor 和 inline-size 属性使用。当 unicode-bidi 属性的值为 embed 或 bidi-override 时，它也可能影响字符定位的方向。
它仅适用于垂直于内联基础方向的字形，这包括通常的水平方向的拉丁语或阿拉伯语文本，以及相对于从上到下内联基础方向顺时针旋转 90 度的窄体拉丁语或阿拉伯语字符。
在许多情况下，双向 Unicode 算法会自动产生所需的结果，因此在这些情况下不需要指定此属性。对于其他情况，例如在使用从右到左的语言时，可能足以将 direction 属性添加到最外层的 <svg> 元素，并允许该方向继承到所有文本元素。
注意： 作为一个表示属性，direction 还有一个对应的 CSS 属性：direction。当同时指定两者时，CSS 属性具有优先权。
你可以将此属性与以下 SVG 元素一起使用
示例
html
<svg
viewBox="0 0 600 72"
xmlns="http://www.w3.org/2000/svg"
direction="rtl"
lang="fa">
<text x="300" y="50" text-anchor="middle" font-size="36">
داستان SVG 1.1 SE طولا ني است.
</text>
</svg>
用法说明
| 值 | ltr | rtl |
|---|---|
| 默认值 | ltr |
| 可动画的 | 是 |
规范
| 规范 |
|---|
| CSS Writing Modes Level 4 # direction |
| Scalable Vector Graphics (SVG) 2 # DirectionProperty |
浏览器兼容性
加载中…
另见
- CSS
direction属性