cman.jpWEBページ作成
広告
<bdo> 「テキスト方向(左右)」[読み方：ビーディーオー]
文字の表示を左右逆転します。日本語は横書きする場合左から右に書きますが、昔は右から左に書いていました。<bdo>タグを利用すると、文字を右から左に表示することが出来ます。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○ | ○ |
広告
<bdo> の仕様
| カテゴリー | 使用できる場所（親要素） | コンテンツモデル（子要素） | タグ省略 |
|---|---|---|---|
| フローコンテンツ フレージングコンテンツ | フレージングコンテンツを子要素にもてる場所 | フレージングコンテンツ | 不可 |
<bdo> の属性
【構文】
<bdo dir="左右向き">～内容～</bdo>
<bdo>タグのサンプル
<p>大正時代の日本語は右から左に書かれていました。</p>
<p><bdo dir="rtl">大正時代の日本語は右から左に書かれていました。</bdo></p>
<p><bdo dir="rtl">大正時代の日本語は右から左に書かれていました。</bdo></p>
大正時代の日本語は右から左に書かれていました。
大正時代の日本語は右から左に書かれていました。
スタイルシート(CSS)を使用したサンプル
スタイルシート（CSS）を使用することで以下のようなテキスト左右逆転も可能です。
<p>大正時代の日本語は右から左に書かれていました。</p>
<pstyle="direction: rtl;unicode-bidi: bidi-override;">大正時代の日本語は右から左に書かれていました。</p>
<pstyle="direction: rtl;unicode-bidi: bidi-override;">大正時代の日本語は右から左に書かれていました。</p>
大正時代の日本語は右から左に書かれていました。
大正時代の日本語は右から左に書かれていました。
留意事項
- <bdi>タグは、dir属性の初期値は「auto」ですが、<bdo>タグはデフォルトがありません。必ずdir属性を指定してください。
| 関連するHTMLタグ | |
|---|---|
| bdi | 隔離テキスト（双方向） |
| 関連するCSS(STYLE) | |
|---|---|
| direction | 書字方向 |
| unicode-bidi | 双方向アルゴリズムの変更 |
| writing-mode | 文字の縦書き |
広告