<bdo>: 双方向文字列上書き要素

Baseline Widely available

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

<bdo> は HTML の要素で、現在のテキストの書字方向を上書きし、中のテキストが異なる書字方向で描画されるようにします。

試してみましょう

<h1>有名な海辺の歌</h1>

<p>英語の歌 "Oh I do like to be beside the seaside"</p>

<p>
  ヘブライ語では次のように見えます。
  <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span>
</p>

<p>
  コンピューターのメモリーには、これは次のように格納されます。
  <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo>
</p>

html {
  font-family: sans-serif;
}

bdo {
  /* ここにスタイルを追加 */
}

テキストの文字は指定された方向の開始位置から描画されます。それぞれの文字の向きには影響を与えません（ですから、例えば、文字は裏返しにはなりません）。

属性

この要素にはグローバル属性があります。

dir

この要素の内容において、テキストが描画される方向です。以下の値が指定可能です。

ltr: テキストを左から右へ (left-to-right) 向かわせることを意味する指定。
rtl: テキストを右から左へ (right-to-left) 向かわせることを意味する指定。

例

html
<!-- 書字方向を切り替える -->
<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 インターフェイス

フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ

記述コンテンツ

なし。開始タグと終了タグの両方が必須です。

記述コンテンツを受け入れるすべての要素

generic

すべて

HTMLElement。Gecko 1.9.2 (Firefox 4) 以前では、Firefox はこの要素に対し HTMLSpanElement インターフェイスを実装しています。

仕様書

Specification

HTML
# the-bdo-element

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2025年7月10日 by MDN contributors.

View this page on GitHub • Report a problem with this content

<bdo>: 双方向文字列上書き要素

In this article

試してみましょう

属性

例

結果

メモ

技術的概要

仕様書

ブラウザーの互換性

関連情報

Help improve MDN