dir

**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 的浏览器中加载。

另请参阅