<bdo>タグは、テキストの左右方向を上書き設定する際に使用します。
bdo要素は、子要素のテキストの左右方向に関する明示的な書式指定を表します。
bdo要素を使用すると、テキストの左右方向をオーバーライド(上書き)できます。
bdo要素にはdir属性が必須です。
dir属性の値に ltr を指定すると、テキストは左から右に向かいます。
dir属性の値に rtl を指定すると、テキストは右から左に向かいます。
bdo要素のdir属性の値に auto は指定できません。
dir属性はグローバル属性ですが、bdo要素に指定すると特別な意味を持ちます。
他の要素ではdir属性の値には ltr、rtl、auto がありますが、bdo要素のdir属性の値には auto はなく ltr、rtl のみです。
以下のサンプルは、bdo要素を使用した場合とbdo要素を使用しない場合を比較しています。
文字自体を左右反転させているわけではなく、テキストスパンの左右方向を上書き指定しています。
<h4>bdo要素を使用しない場合</h4>
<p>左から右へ→</p>
<p>右から左へ←</p>
<h4>bdo要素を使用した場合</h4>
<p><bdo dir="ltr">左から右へ→</bdo></p>
<p><bdo dir="rtl">右から左へ←</bdo></p>
左から右へ→
右から左へ←
左から右へ→
右から左へ←