WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <bdo>「テキスト方向(左右)」

<bdo> 「テキスト方向(左右)」[読み方:ビーディーオー]

文字の表示を左右逆転します。日本語は横書きする場合左から右に書きますが、昔は右から左に書いていました。<bdo>タグを利用すると、文字を右から左に表示することが出来ます。

HTML規格HTML4.01HTML5
使用可否
広告

<bdo> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
フローコンテンツ
フレージングコンテンツ
フレージングコンテンツを子要素にもてる場所フレージングコンテンツ不可

<bdo> の属性

【構文】
<bdo dir="左右向き">~内容~</bdo>
属性意味値のサンプルなど
dir="値"文字を表示する方向(左右)
【必須】
意味
ltr左から右
rtl右から左
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<bdo>タグのサンプル

<p>大正時代の日本語は右から左に書かれていました。</p>
<p><bdo dir="rtl">大正時代の日本語は右から左に書かれていました。</bdo></p>

大正時代の日本語は右から左に書かれていました。

大正時代の日本語は右から左に書かれていました。

ページTOP

スタイルシート(CSS)を使用したサンプル

スタイルシート(CSS)を使用することで以下のようなテキスト左右逆転も可能です。

<p>大正時代の日本語は右から左に書かれていました。</p>
<pstyle="direction: rtl;unicode-bidi: bidi-override;">大正時代の日本語は右から左に書かれていました。</p>

大正時代の日本語は右から左に書かれていました。

大正時代の日本語は右から左に書かれていました。

ページTOP

留意事項

  • <bdi>タグは、dir属性の初期値は「auto」ですが、<bdo>タグはデフォルトがありません。必ずdir属性を指定してください。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン