HTML <bdi> タグ

定義と用法

BDI これは二方向の遮断（バイ・ディレクション・イソレーション）。

<bdi> タグは一部のテキストを分離し、そのテキストが外部の他のテキストと方向が異なる場合があります。

未知のテキスト方向を持つユーザー生成のコンテンツを埋め込む場合、この要素は非常に役立ちます。

例

ユーザー名を周囲のテキスト方向設定から分離します：

<ul>
  <li>ユーザー <bdi>Bill</bdi>: 70 点</li>
  <li>ユーザー <bdi>Steve</bdi>: 80 点</li>
  <li>ユーザー <bdi>إيان</bdi>: 90 点</li>
</ul>

実際に試してみてください

グローバル属性

<bdi> タグは以下をサポートしています HTMLでのグローバル属性。

イベント属性

<bdi> タグは以下をサポートしています HTMLでのイベント属性。

ブラウザのサポート

このテーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが示されています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 サポートされていません 15.0