direction

テキストを「左から右(ltr)」の方向に表示するか、「右から左(rtl)」の方向に表示するかを指定します。
※InternetExplorerの場合は、unicode-bidiプロパティでbidi-overrideを指定なければ、表示方向を切り替えることができないようです。


ブラウザ

IE5 / IE5.5 / IE6 / N6 / N7 / O7 / O9 / Fx1 / Fx2

▲PageTop

書式

要素[.class名][#id名]{ direction : 値; }

▲PageTop

指定できる値

値 初期値 意味
ltr ○ 「左から右」の方向に表示します。
rtl 「右から左」の方向に表示します。
inherit 親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        direction : ltr;
      }
      #sample2 {
        direction : rtl;
        unicode-bidi : bidi-override;
      }
    </style>
  </head>
  <body>
    <div id="sample1">directionサンプル。左から右読み</div>
    <div id="sample2">directionサンプル。右から左読み</div>
  </body>
</html>

表示結果

directionサンプル。左から右読み
directionサンプル。右から左読み

▲PageTop

関連項目

HTML

bdo


CSS

unicode-bidi

▲PageTop

▲