HP上で文章を縦書きにする方法

日本文の場合、ここのところは如何しても縦書きにしたいという場合があります・・・

現在のところ　Internet Explorerのみ　なのですが、縦書き表記をすることは可能です。

それはスタイルシートのプロパティを一つ使用するだけです
1. 先ず、★縦書きサンプルページ
  　　　
2. スタイルシートに　writing-mode:tb-rl;　と記述すればブロック内は縦書きに出来ます。
  ※　tb-rlとは
  - tb・・・top to bottom（上から下）
  - rl・・・right to left（右から左）
3. （1）のサンプルをスタイルシートで指示したものが下に記述したものです。
  このスタイルシートを<HEAD>～</HEAD>に記述します。
  
  <STYLE type="text/css">
  ＜!--
  div.view{
  writing-mode:tb-rl;　　　　/*縦書き*/
  width:100px;　　　　　　　　/*幅*/
  height:310px;　　　　　　　/*高さ*/
  border:3px double red;　　/*枠線（赤の二重枠線3px）*/
  padding:5px;　　　　　　　　/*内側の余白5px*/
  }
  --＞
  </STYLE>
  ※　コピーされる場合　＜＞　は半角に変更して下さい。
4. 次に<BODY>内に書くHTMLの記述です・・・
  ＜div class="view"＞拝啓＜BR＞盛夏の候、皆様如何お過ごしの事でしょう＜/div＞
  - クラスはスタイルの集合につける名前の事です。
  - ですから、スタイルシートの赤字の部分とHTMLのclassの部分は同じに指定して下さい
5. これをまとめて記述しますと以下の通りとなります。
  ＜HTML＞
  ＜HEAD＞
  <STYLE type="text/css">
  ＜!--
  div.view{
  writing-mode:tb-rl;　　　　/*縦書き*/
  width:100px;　　　　　　　　/*幅*/
  height:310px;　　　　　　　/*高さ*/
  border:3px double red;　　/*枠線（赤の二重枠線3px）*/
  padding:5px;　　　　　　　　/*内側の余白5px*/
  }
  --＞
  </STYLE>
  ＜/HEAD＞
  ＜BODY＞
  ＜div class="view"＞拝啓＜BR＞盛夏の候、皆様如何お過ごしの事でしょう＜/div＞
  ＜/BODY＞
  ＜/HTML＞
6. これでInternet Explorerだけですが、縦書き表示されてます。

今日の小技は如何でしたか？

ELLの足跡

人は最後は一人だという…でも、…今は妻が傍にいてくれる…

HP上で文章を縦書きにする方法