此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
<bdo>：双向文本覆盖元素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
HTML<bdo> 元素覆盖了当前文本的方向，使文本以不同的方向渲染出来。
尝试一下
<h1>Famous seaside songs</h1><p>The English song "Oh I do like to be beside the seaside"</p><p> Looks like this in Hebrew: <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span></p><p> In the computer's memory, this is stored as <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo></p>html { font-family: sans-serif;}/* stylelint-disable-next-line block-no-empty */bdo {}文本的字符是从给定方向的起始点开始绘制的；各个字符的方向不受影响（例如，字符因此而不会反向绘制）。
属性
元素属性包含全局属性。
dir文本在此元素内容中渲染的方向。可能的值有：
ltr：指示文本应从左到右绘制。rtl：指示文本应从右到左绘制。
示例
html
<!-- 反转文本方向 --><p>该文本应从左到右绘制。</p><p><bdo dir="rtl">该文本应从右到左绘制。</bdo></p>结果
备注
HTML 4 规范未指定此元素的事件。它们是在 XHTML 中添加的。这很可能是疏忽。
技术概要
| 内容分类 | 流式内容、短语内容、可感知内容。 |
|---|---|
| 允许的内容 | 短语内容。 |
| 标签省略 | 不允许，开始标签和结束标签都不能省略。 |
| 允许的父级元素 | 任何接受短语内容的元素。 |
| 隐式 ARIA 角色 | generic |
| 允许的 ARIA 角色 | 任意 |
| DOM 接口 | 直到 Gecko 1.9.2（Firefox 4）为止是HTMLElement，Firefox 为该元素实现了HTMLSpanElement 接口。 |
规范
| Specification |
|---|
| HTML # the-bdo-element |
浏览器兼容性
参见
- 相关 HTML 元素：
<bdi>