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屬性