<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

瀏覽器相容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
bdo

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

參見

  • 相關的 HTML 元素:<bdi>