HTML <bdo> 元素覆盖了当前文本的方向,使文本以不同的方向渲染出来。

{{InteractiveExample("HTML Demo: <bdo>", "tabbed-standard")}}

```html interactive-example

Famous seaside songs

The English song "Oh I do like to be beside the seaside"

Looks like this in Hebrew: אה, אני אוהב להיות ליד חוף הים

In the computer's memory, this is stored as אה, אני אוהב להיות ליד חוף הים


```css interactive-example html { font-family: sans-serif; } /* stylelint-disable-next-line block-no-empty */ bdo { }

文本的字符是从给定方向的起始点开始绘制的;各个字符的方向不受影响(例如,字符因此而不会反向绘制)。

属性

元素属性包含全局属性

  • dir
    • : 文本在此元素内容中渲染的方向。可能的值有:
    • ltr:指示文本应从左到右绘制。
    • rtl:指示文本应从右到左绘制。

示例

<!-- 反转文本方向 -->
<p>该文本应从左到右绘制。</p>
<p><bdo dir="rtl">该文本应从右到左绘制。</bdo></p>

结果

{{EmbedLiveSample('示例')}}

备注

HTML 4 规范未指定此元素的事件。它们是在 XHTML 中添加的。这很可能是疏忽。

技术概要

内容分类 流式内容短语内容、可感知内容。
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父级元素 任何接受短语内容的元素。
隐式 ARIA 角色 generic
允许的 ARIA 角色 任意
DOM 接口 直到 Gecko 1.9.2(Firefox 4)为止是 HTMLElement,Firefox 为该元素实现了 HTMLSpanElement 接口。