<bdo> 文字の表記方向を指定する
取り扱い | 現行の標準 |
カテゴリ |
フロー・コンテンツ フレージング・コンテンツ パルパブル・コンテンツ |
親にできる要素 | フレージング・コンテンツを受け入れる要素 |
子にできる要素 | フレージング・コンテンツ |
対応ブラウザ | caniuseで確認 |
<bdo>タグの説明
<bdo>
は、文字の基本的な表示方向を上書きし、「右読み」か「左読み」を指定します。指定された範囲の文字は、並び方が変わるだけで、文字自体が反転するわけではありません。
<bdo>タグの特徴
- レイアウトの初期値はインラインです。文章の改行には影響を与えません。
- 文章の意味的な解釈には影響を与えません。見た目の装飾なのでCSSでも代用可能です。
<bdo>に指定できる主な属性
- dir="ltr"
- 左から右へ表示
- dir="rtl"
- 右から左へ表示
<bdo>の使い方とサンプル
このタグを使用する場合は、以下のような記述となります。
HTML
横書きの日本語は左から右へ表示します。<br>
<bdo dir="rtl">右から左へ表示するとこうなります。</bdo>
表示確認
横書きの日本語は左から右へ表示します。
右から左へ表示するとこうなります。
右から左へ表示するとこうなります。