緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。

→ ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照）

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<DIV class="vertical">この文章はサンプルです。<BR>
「本当にサンプルなんですか？サンプルなんですか？」<BR>
「サンプルに間違いありません。サンプルに間違いありません。」<BR>
<BR>
この文章が縦書きになっていない人はIEをお使いください。<BR>
ブラウザといったらやっぱりインターネットエクスプローラですよね。<BR>
縦書きはうまくいかない可能性があるので注意してお使いください。あんまり使わない方がいいです。<BR>
サンプル終了します。</DIV>
</BODY>
</HTML>

解説・注意点など

使用スタイル：writing-mode
指定可能な値：tb-rl(縦書きにする), lr-tb(横書きにする)

Internet Explorer5.5↑以外のブラウザでは表示が保証されないので、
どうしても縦書きにしたい場合は、この方法を使うより、
テキストをGIF画像にした方がいいでしょう。

← スタイルシートに戻る

eWeb