<bdo>: BDO 要素
最終更新:2026-10-13
<bdo>BDO 要素
双方向オーバーライド:dir 属性でテキストの方向を強制します。例:英語を右から左に表示。
| カテゴリ | テキスト内容 |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </bdo> タグ |
| ステータス | 標準 |
📝 構文
<bdo dir="rtl">強制された方向</bdo>
⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします:
| 属性 | 値 | 説明 |
|---|---|---|
dir | Forced direction: ltr or rtl. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <bdo> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: bdo は自然な方向を上書きします。デモ用途に適しています。日常的には bdi を使うのが推奨です。
❓ よくある質問
Qbdo と bdi の違いは何ですか?
A方向操作で正反対の道具です。
<bdo>(override)は文字の方向を強制上書きします。内容が他の言語でも、指定した方向で表示されます。<bdi>(isolate)は隔離するだけで、内側の方向は内容から自動判定されます。「逆さまに表示したい」なら bdo、「干渉されたくない」なら bdi です。Qbdo の dir 属性は省略できますか?
A省略できません。
dir は <bdo> の必須属性(ltr または rtl)で、省略すると要素として意味を失います。<bdo dir='rtl'>text</bdo> と書けば、文字は右から左に並びます。Qbdo にはどんな実用的な用途がありますか?
Aまれですが役に立ちます。パスワード強度のデモ、鏡文字の演出、双方向テキストのアルゴリズムのデバッグ、わざと逆順に見せる演出(ゲームの隠し要素など)です。通常の多言語ページでは dir 属性や
<bdi> を使うべきで、bdo は特殊用途の道具です。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。