<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.

<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 規範未為此元素指定事件；這可能是一個疏忽。

技術摘要

內容類別 流內容、段落型內容、可感知內容。
允許的內容 段落型內容。
標籤省略 不允許，起始和結束標籤均為必需的。
允許的父元素 任何接受段落型內容 的元素。
隱含的 ARIA 角色 generic
允許的 ARIA 角色 任何
DOM 介面 HTMLElement 在 Gecko 1.9.2（Firefox 4）及之前版本中，Firefox 使用 HTMLSpanElement 接口來實現此元素。

規範

Specification
HTML Standard
# the-bdo-element

瀏覽器相容性

BCD tables only load in the browser

參見

  • 相關的 HTML 元素：<bdi>