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
接口。
|