| テキストを縦書きにして表示 | ||||||||||
| テキスト（文章）を縦書きにして表示したいという場合があります。 これを実現するためには『<PRE></PRE>というタグで囲んで、思ったようなレイアウトにする方法』もできますが、『スタイルシート』を用いて、次のように記述する ことによって実現できます(このテキストを作成した２００１年頃にはIE限定の機能でしたが、2015にはfirefox、Chromeなどでも実装されました)。 以下の部分を<head>〜</head>の中に記述して下さい。
『writing-mode:』の次（つまり、設定値の部分）には下のように指定します。
縦書きにしたい部分を<div class="param1">〜</div>の中に記述します。 param1は適当に付けたクラス名です。 上述の『<!--div.param1 {writing-mode:設定値;}-->』の設定で、記述したクラス名（div.の次の部分）と一致させます。 もし、設定値に『tb-rl』を記述してあれば、これにより、param1というクラス名の付けられたdivタグを用い、このdivタグで囲まれた中の文字は縦書きになります。 次の例では <div class="param1"> 雨ニモマケズ 雨ニモマケズ |
||||||||||
| 前のページへ | ||||||||||