HTML dir 全域性屬性

試一試

<p dir="rtl">
  This paragraph is in English but incorrectly goes right to left.
</p>
<p dir="ltr">This paragraph is in English and correctly goes left to right.</p>

<hr />

<p>هذه الفقرة باللغة العربية ولكن بشكل خاطئ من اليسار إلى اليمين.</p>
<p dir="auto">
  هذه الفقرة باللغة العربية ، لذا يجب الانتقال من اليمين إلى اليسار.
</p>

它可以有以下值：

• ltr，表示從左到右，用於從左到右書寫的語言（例如英語）；
• rtl，表示從右到左，用於從右到左書寫的語言（例如阿拉伯語）；
• auto，由使用者代理決定。它在解析元素內的字元時使用一種基本演算法，直到找到一個具有強方向性的字元，然後將該方向性應用於整個元素。

如果未指定，則該值將從父元素繼承。

如果激活了 CSS 頁面並且元素支援 direction 和 unicode-bidi CSS 屬性，則可以透過這些屬性覆蓋此屬性。

由於文字的方向性與其內容語義相關，而不是與其呈現相關，因此建議 Web 開發人員在可能的情況下使用此屬性而不是相關的 CSS 屬性。這樣，即使在不支援 CSS 或 CSS 被停用的瀏覽器上，文字也能正確顯示。

繼承

如果一個元素沒有 dir 屬性，它將繼承其父節點設定的 dir 值，而父節點又可能從其父節點繼承，依此類推。

用法說明

影像可以將其 dir 屬性設定為 "rtl"，在這種情況下，HTML 屬性 title 和 alt 將被格式化並定義為 "rtl"。

當表格的 dir 設定為 "rtl" 時，列的順序將從右到左排列。

此屬性對於 <bdo> 元素是必需的，並且在該元素上具有不同的語義含義。

此屬性不會被 <bdi> 元素繼承。如果未設定，其值為 auto。

瀏覽器可能允許使用者更改 <input> 和 <textarea> 元素的文字方向性，以幫助使用者建立內容。Chrome 和 Safari 在輸入欄位的上下文選單中提供了方向性選項。Firefox 在 <textarea> 中使用 Ctrl (Windows)/Cmd (macOS) + Shift + X 來切換文字方向。這些功能會在 ltr 和 rtl 之間切換 dir 屬性的值。

規範

瀏覽器相容性

另見

• 所有 全域性屬性。
• 反映此屬性的 HTMLElement.dir。
• 處理不同的文字方向