このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

bdo”要素:テキストの書字方向を指定

記事May 19th,2015
July 7th,2020
テキストの書字方向を明示的に指定する要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

bdo”要素はテキストの書字方向を指定する要素です。

通常テキストはそれぞれの文字にもともと設定されている書字方向に従って“双方向アルゴリズム”により並ぶ順番が決められていますが、“bdo”要素はその決定を上書きすることができます。

サンプルコード

<p>「<bdo dir="rtl">ذهب ﻣﻮﻣﻮﻛﻮ إلى متجر لشراء الموز.</bdo>」と彼女は言っていた。</p>

ذهب ﻣﻮﻣﻮﻛﻮ إلى متجر لشراء الموز.」と彼女は言っていた。

bdo”要素はもともと文字に設定されている書字方向とは関係なくdir”属性で指定した書字方向で文字を並べます。

<p>「<bdo dir="rtl">dhahab Momoko 'iilaa matjar lishira' almawz. Momoko yuhibu almawz.</bdo>」と彼女は言っていた。</p>

dhahab Momoko 'iilaa matjar lishira' almawz. Momoko yuhibu almawz.」と彼女は言っていた。

属性と値

属性
属性 説明 説明
必須属性
dir="" 書字方向の指定 auto 自動
ltr 左から右へ文字を書く
rtl 右から左へ文字を書く
任意属性
グローバル属性

グローバル属性dir”属性は“bdo”要素に指定した場合は他の要素に指定した場合と意味合いが異なります。

過去に定義されていた属性
属性
属性 説明 説明
lang="" 要素の内容の記述言語を示す 言語コード 固有の識別名

仕様書

bdo”要素はHTML4.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<bdo>
定義あり

定義あり

定義あり

定義あり

定義あり
DOMインターフェース

bdo”要素は“HTMLElement”インターフェイスを使用します。

UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

bdo,bdi[dir] {
unicode-bidi: isolate-override;
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク