dir
嘗試一下
它可以具有以下值
ltr,表示從左到右,用於從左到右書寫的語言(如英語);rtl,表示從右到左,用於從右到左書寫的語言(如阿拉伯語);auto,讓使用者代理決定。它使用一個基本演算法,在解析元素內的字元時,直到找到具有強方向性的字元,然後將該方向性應用於整個元素。
注意:此屬性對於 <bdo> 元素是必需的,它具有不同的語義含義。
- 此屬性不會被
<bdi>元素繼承。如果未設定,其值為auto。 - 如果 CSS 頁面處於活動狀態,並且元素支援這些屬性,則此屬性可以被 CSS 屬性
direction和unicode-bidi覆蓋。 - 由於文字的方向性在語義上與其內容相關,而不是其表現形式,因此建議 Web 開發者在可能的情況下使用此屬性,而不是相關的 CSS 屬性。這樣,即使在不支援 CSS 或 CSS 被停用的瀏覽器中,文字也能正確顯示。
auto值應用於方向性未知的資料,例如來自使用者輸入的資料,最終儲存在資料庫中。
注意:瀏覽器可能允許使用者更改 <input> 和 <textarea> 的方向性,以幫助創作內容。Chrome 和 Safari 在輸入欄位的上下文選單中提供方向性選項,而舊版 Edge 使用鍵組合 Ctrl + Left Shift 和 Ctrl + Right Shift。Firefox 使用 Ctrl/Cmd + Shift + X,但不會更新 **dir** 屬性值。
繼承
如果元素沒有 dir 屬性,它將繼承其 父節點 上設定的 dir 值,該父節點又可能從其父節點繼承,依此類推。
規範
| 規範 |
|---|
| HTML 標準 # the-dir-attribute |
瀏覽器相容性
BCD 表格僅在啟用了 JavaScript 的瀏覽器中載入。
另請參閱
- 所有 全域性屬性。
HTMLElement.dir反映此屬性。