<bdo dir="表記方向">文字列</bdo>
表記方向‥‥ltr (左から右方向に表示します。)
表記方向‥‥rtl (右から左方向に表示します。)
表記方向‥‥ltr (左から右方向に表示します。)
表記方向‥‥rtl (右から左方向に表示します。)
| 要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
|---|---|---|---|---|
| bdo | 文字表記の方向 | |||
| class | クラス名 | |||
| id | ＩＤ名 | |||
| title | 補足情報 | |||
| style | スタイルシート | |||
| lang | 言語コード | |||
| dir | 文字表記の方向 | 必須 |
bdo要素は言語ごとに決まっている書字方向を強制的に変更します。dir属性を使用しテキストの表記方向を制御します。 値には"ltr"（文字列を左から右に表示します。：初期値）、"rtl"（文字列を右から左に表示します。）を指定します。 日本語や英語などのように左から右に記述する言語と、ヘブライ語やアラビア語等のように右から左に記述する言語を混在 させたい場合等に使用します。ただ単に文字列の表記方向を変更させたい場合は、各要素のdir属性を使用します。
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>文字列の表記方向を指定する。</title>
</head>
<body text="black" bgcolor="#FFF8DC">
<p>日本語や英語は、左から右に書いていく言語ですが、
アラビア語やヘブライ語は、<bdo dir="rtl">右から左に書いていく文字です。 </bdo> </p>
</body>
</html>
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>文字列の表記方向を指定する。</title>
</head>
<body text="black" bgcolor="#FFF8DC">
<p>日本語や英語は、左から右に書いていく言語ですが、
アラビア語やヘブライ語は、<bdo dir="rtl">右から左に書いていく文字です。 </bdo> </p>
</body>
</html>
Internet Explorer8での表示例
