<bdo>: BDO 要素

最終更新:2026-10-13

<bdo>BDO 要素

双方向オーバーライド:dir 属性でテキストの方向を強制します。例:英語を右から左に表示。

カテゴリテキスト内容
コンテンツモデルフローコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ必要 </bdo> タグ
ステータス標準

📝 構文

<bdo dir="rtl">強制された方向</bdo>

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします:

属性値説明
dirForced direction: ltr or rtl.

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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 は特殊用途の道具です。
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%