bdi要素

bdi要素は、双方向テキスト書式の範囲を示す要素。

カテゴリー フロー・コンテンツ、フレージング・コンテンツ、パルパブル・コンテンツ。
コンテキスト フレージング・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル フレージング・コンテンツを内包できる。
属性 グローバル属性。
bdi要素におけるdir属性は、特別な意味を持つ。
ブラウザ対応

構文

<bdi>双方向テキスト書式</bdi>

要点

  • bdi要素は、双方向テキスト書式の範囲を示す要素である。
  • 前後のテキストと書字方向が異なる可能性のあるテキストを括る。例えば、英語や日本語のような左から右への書字方向のテキストの中の一部に、アラビア語のような右から左への書字方向のテキストが混ざる場合などに使う。
  • bdi要素は、HTML5にて新たに導入された要素である。

属性

グローバル属性

属性 説明
dir属性 書字方向を指定する属性。bdi要素におけるdir属性の初期値はautoである。

サンプルコード

<p>太郎、<bdi>القلقاس</bdi>、Tarou</p>

サンプル

HTMLソースコード

<p><b>ユーザー別投稿数</b></p>
<p><bdi>太郎</bdi>： ３３３投稿。</p>
<p><bdi>Tarou</bdi>： ６０投稿。</p>
<p><bdi>القلقاس</bdi>： １３投稿。</p>

実際の表示

ユーザー別投稿数

太郎： ３３３投稿。

Tarou： ６０投稿。

القلقاس： １３投稿。