HTMLElement: dir 属性

HTMLElement.dir 属性获取或设置当前元素内容的文本书写方向。

元素的文本书写方向是指文本的书写方向（用于支持不同的语言系统）。阿拉伯语和希伯来语是使用 RTL 方向的典型语言。

图像可以将其 dir 属性设置为 "rtl"，在这种情况下，HTML 属性 title 和 alt 将被格式化并定义为 "rtl"。

当表格的 dir 设置为 "rtl" 时，列的顺序从右到左排列。

当元素的 dir 设置为 "auto" 时，元素的方向将根据其第一个强方向字符确定，或者默认为其父元素的方向。

注意：浏览器可能允许用户更改 <input> 和 <textarea> 的方向，以帮助创作内容。Chrome 和 Safari 在输入字段的上下文菜单中提供方向选项，而预先 Chromium Edge 使用键盘组合 Ctrl + Left Shift 和 Ctrl + Right Shift。Firefox 使用 Ctrl/Cmd + Shift + X，但不会更新 dir 属性值。

值

以下之一

  • ltr，表示从左到右；
  • rtl，表示从右到左；
  • auto，用于指定必须根据元素内容确定元素的方向。

示例

js
const parg = document.getElementById("para1");
parg.dir = "rtl";
// change the text direction on a paragraph identified as "para1"

规范

规范
HTML 标准
# dom-dir

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅