今回は文章を縦書きに表示するテクニックを紹介します。
Webページは横書き・・・というのが一般的ではありますが
日本人ならやっぱり縦書きでしょ( ̄▽ ̄人)
とか言いつつも、私のページはしっかり横書きですが(笑
では早速例を・・・
例)
私<br>は<br>か<br>も<br>め<br>
表示結果)
私
は
か
も
め
だまされたみたいなテクニックですね(´・ω・`)
テクニックとも呼べないと言いますか・・・
ただこの方法が、どんな環境でも思い通りに文章を縦書きにできる
現在唯一の方法となっています。
ただこれではあんまりですので
もう一つ例を(〃⌒▽⌒)
例)
<p style="writing-mode:tb-rl;">
http://www.7key.jp/はリンクフリーです。
http://www.7key.jp/に掲載している情報は、
http://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。
詳細は「取扱注意」を参照ください。
</p>
表示結果)
http://www.7key.jp/はリンクフリーです。
http://www.7key.jp/に掲載している情報は、
http://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。
詳細は「取扱注意」を参照ください。
どうでしょう?
おもしろいでしょ(〃⌒▽⌒)
読みやすいように英字は向きまで変えてくれて、「」の向きもしっかり縦書きになっています。
カーソルをあわせてもらうとカーソルも縦書き用にしっかりなりますよね(〃⌒▽⌒)
ただ、残念なことにこのタグが使用できるのはIE5以上のみとなっています。
他のブラウザではしっかり横書きで表示されますので、
見る人全員が同じように見えるってわけではありません。
まぁ、現在正式にタグとして採用するかどうか審議中ってことですので・・・
近い将来、全てのブラウザで縦書きが使えるようになるかもしれませんね(〃⌒▽⌒)
では、また明日ー(゚▽^*)ノ⌒☆