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

基线 广泛可用

此功能已完善,可在许多设备和浏览器版本上运行。自以下日期起,它已在各个浏览器中可用 2015 年 7 月.

<bdo> HTML 元素覆盖当前文本的方向,以便其中的文本以不同的方向呈现。

试一试

文本字符从给定方向的起点绘制;单个字符的方向不受影响(例如,字符不会倒着绘制)。

属性

此元素的属性包括全局属性

dir

应在此元素的内容中呈现文本的方向。可能的值为

  • ltr:表示文本应从左到右显示。
  • rtl:表示文本应从右到左显示。

示例

html
<!-- Switch text direction -->
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>

结果

注释

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

技术摘要

内容类别 流动内容短语内容、可感知内容。
允许的内容 短语内容.
标签省略 无,开始和结束标签都是必须的。
允许的父元素 任何接受短语内容的元素。
隐式 ARIA 角色 通用
允许的 ARIA 角色 任何
DOM 接口 HTMLElement 在 Gecko 1.9.2(Firefox 4)及之前版本中,Firefox 为此元素实现了HTMLSpanElement 接口。

规范

规范
HTML 标准
# the-bdo-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

  • 相关 HTML 元素:<bdi>