writing-mode　縦書き表示

(設定値）
writing-mode:lr-tb　･･･横書き表示（初期値）
writing-mode:tb-rl　･･･縦書き表示

(注）
・IEの独自機能、他のプラウザには未対応

●Script プロパティ･･･＜writingMode＞

Sample

下のテキスト内部をクリックすれば、縦書き表示と横書き表示を切り替えできます。
（半角カタカナと英数字は縦書きになるが横向きのまま）　

テキストの縦書き表示

IEのみ対応(
オブジェクト名.style.writingMode = "設定値"; でScriptできる。
何故か、半角ｶﾀｶﾅと英数字は横向きのまま？？

設定値

writing-mode:lr-tb･･･横書き表示（初期値）
writing-mode:tb-rl･･･縦書き表示。テキストは上→下に、右→左方向に表示される。

Sample Source......................................................................>>>

<SCRIPT language="JavaScript"><!--
function ChangeMode(obj){
   //writing-modeを反転する(lr-tbならtb-rlにし、そうでなければlr-tbにする)
   obj.style.writingMode =  obj.style.writingMode=="lr-tb"?"tb-rl":"lr-tb";
}
//--></SCRIPT>
</head>
<body>

<div id="dv" style="width:450;height:200;writing-mode:tb-rl;
     line-height:1.5em;border:1px solid green" 
     onclick="ChangeMode(this)">
　<p>
  　　･･･略･･･
　</p>
</div>

writing-mode 縦書き表示

Sample

writing-mode　縦書き表示