テキストを縦書きにして表示


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

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

以下の部分を<head>~</head>の中に記述して下さい。

<style type="text/css">
<!--div.param1 {writing-mode:設定値;
-->
</style>

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

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

FAQのページへ