テキストの縦書き表示（IE5.5専用)

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

テキストの縦書き表示

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

設定値

■下はフォームを縦書き表示にしたもの。（TextField、TextArea 内をクリックする度に「縦書き／横書き」を切り替えできます。また「切り替え」ボタンはフォーム全体の「縦書き／横書き」を切り替える。）

題名：

内容入力：

フォーム全体の「縦書き／横書き」を （ただし、TextField、TextArea、このButtonは切り替わらない）

HTML Source......................................................................>>>

<style type="text/css">
<!--
  form,input,textarea {writing-mode:tb-rl;}
  span {writing-mode:lr-tb;}
-->
</style>
  
<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:thin solid green" onclick="ChangeMode(this)">
  <p style="font:bold 14px;text-align:right">テキストの縦書き表示</p><hr>
  <p><span>IE5.5以降</span>のみ対応(<span>Mac</span>は不可)。<br>
 ････(以下は省略）････
</div>
  
<form style="width:300;height:200;line-height:2em;border:thin solid red">
 <p>題名： <input type="text" size="20" value="(タイトルを入力)" onclick="ChangeMode(this)"></p>
 <p>内容入力： <br>
  <textarea cols="22" rows="6" onclick="ChangeMode(this)">
    (この中をクリックする度に「縦書き／横書き」に切り替わる)</textarea></p>
 <p>フォーム全体の「縦書き／横書き」を
  <input type="button" value="切り替え" onclick="ChangeMode(this.form)">
  （ただし、<span>TextField</span>、<span>TextArea</span>、この<span>Button</span>は切り替わらない）</p>
 <hr>
</form>

end(02/10/16)