<bdo>:双向文本覆盖元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTML <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 Standard
# the-bdo-element

浏览器兼容性

BCD tables only load in the browser

参见

  • 相关 HTML 元素:<bdi>