writing-mode

InternetExplorer独自のプロパティで、テキストの表示する向きを指定します。


ブラウザ

IE5.5 / IE6

▲PageTop

書式

要素[.class名][#id名]{ writing-mode : 値; }

▲PageTop

指定できる値

値 初期値 意味
lr-tb ○ 横書きにします。
tb-rl 縦書きにします。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        writing-mode : rl-tb;
        width : 300px;
      }
      #sample2 {
        writing-mode : tb-rl;
        width : 300px;
        height : 200px;
      }
    </style>
  </head>
  <body>
    <div id="sample1">サンプル writing-mode : rl-tb</div>
    <br>
    <div id="sample2">サンプル writing-mode : tb-rl</div>
  </body>
</html>

表示結果

サンプル writing-mode : rl-tb

サンプル writing-mode : tb-rl

▲PageTop

▲