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

試してみましょう

<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) 向かわせることを意味する指定。

例

<!-- 書字方向を切り替える -->
<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 で追加されました。これは、恐らく見落としでしょう。

技術的概要

仕様書

ブラウザーの互換性

関連情報

• 関連する HTML 要素: <bdi>