dir

**dir** 全域性屬性 是一個 列舉 屬性,用於指示元素文字的方向性。

嘗試一下

它可以具有以下值

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

注意:此屬性對於 <bdo> 元素是必需的,它具有不同的語義含義。

  • 此屬性不會被 <bdi> 元素繼承。如果未設定,其值為 auto
  • 如果 CSS 頁面處於活動狀態,並且元素支援這些屬性,則此屬性可以被 CSS 屬性 directionunicode-bidi 覆蓋。
  • 由於文字的方向性在語義上與其內容相關,而不是其表現形式,因此建議 Web 開發者在可能的情況下使用此屬性,而不是相關的 CSS 屬性。這樣,即使在不支援 CSS 或 CSS 被停用的瀏覽器中,文字也能正確顯示。
  • auto 值應用於方向性未知的資料,例如來自使用者輸入的資料,最終儲存在資料庫中。

注意:瀏覽器可能允許使用者更改 <input><textarea> 的方向性,以幫助創作內容。Chrome 和 Safari 在輸入欄位的上下文選單中提供方向性選項,而舊版 Edge 使用鍵組合 Ctrl + Left ShiftCtrl + Right Shift。Firefox 使用 Ctrl/Cmd + Shift + X,但不會更新 **dir** 屬性值。

繼承

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

規範

規範
HTML 標準
# the-dir-attribute

瀏覽器相容性

BCD 表格僅在啟用了 JavaScript 的瀏覽器中載入。

另請參閱