<bdi> 「隔離テキスト(双方向)」[読み方：ビーディーアイ]

日本語や英語などは左から右に書きますが、アラビア語やヘブライ語などは右から左に書きます。この文字を左右混在させたい場合に<bdi>タグを利用します。
ただし、2013年4月時点でほとんどのブラウザで<bdi>タグには対応していませんので注意が必要です。

HTML規格	HTML4.01	HTML5
使用可否	×	○

<bdi>は、HTML5で追加されたタグです

<bdi> の仕様

カテゴリー	使用できる場所（親要素）	コンテンツモデル（子要素）	タグ省略
フローコンテンツフレージングコンテンツ	フレージングコンテンツを子要素にもてる場所	フレージングコンテンツ	不可

【構文】

属性

意味

値のサンプルなど

dir="値"

文字を表示する方向（左右）

グローバル属性	accesskey class contenteditable dir hidden id lang spellcheck style tabindex title translate
イベント属性

<p>英語の「こんにちは」は、「Hello」です。</p>
<p>アラビア語の「こんにちは」は、「<bdi dir="rtl">السلام عليكم</bdi>」です。</p>

英語の「こんにちは」は、「Hello」です。

アラビア語の「こんにちは」は、「السلام عليكم」です。

<bdi>タグは、HTML5で追加されたタグのため、対応していないブラウザも多くあります。
2013年4月時点では、ほとんどのブラウザで対応していないタグです。
dir属性の初期値は「auto」となります。

関連するHTMLタグ
bdo	書字方向（左右）

このページのURL