テキストを縦書きにして表示 　 　
　 　 　 　
　 テキスト（文章）を縦書きにして表示したいという場合があります。

これを実現するためには『<PRE></PRE>というタグで囲んで、思ったようなレイアウトにする方法』もできますが、『スタイルシート』を用いて、次のように記述する ことによって実現できます(このテキストを作成した２００１年頃にはIE限定の機能でしたが、2015にはfirefox、Chromeなどでも実装されました)。

以下の部分を<head>〜</head>の中に記述して下さい。
　
<style type="text/css">
<!--div.param1 {writing-mode:設定値;
-->
</style>

『writing-mode:』の次（つまり、設定値の部分）には下のように指定します。
　

表記法 説　　　　　　明
lr-tb 横書きで表示
tb-rl 縦書きで表示


　

 　
　 　 　 　
　 FAQのページへ