ＨＴＭＬで縦書き？

質問

こんばんは。
早速ですがＨＴＭＬで縦書きをする方法はあるでしょうか？
縦書きになるタグはありますか？
ご存知の方、教えて下さい。
よろしくお願いします。

回答No.3

oodaiko · ベストアンサー

以下のURLでホームページを縦書きにするためのツールがいろいろ紹介されて
いますので覗いてみて下さい。また縦書きのサイトもリンクされていますので
縦書きのホームページを作る際の参考になると思います。

mikekoさん、rasakiさんもおっしゃっているようにIE5.5以外のブラウザー
で直接縦に表示できるようなHTMLタグはありません。
下のURLで紹介されているツールは
(１) <table>タグを使って一文字づつ縦に並べる。
(２) 縦書きにしたテキストを<pre>タグを使ってそのまま表示させる。
(３) javascriptを使って縦に表示する。
のどれかの方法を使って疑似的に縦書きを実現しています。
(１)(２)の方法は無理矢理縦にしているので、文字の位置が微妙にずれたり、
丸括弧が縦にならなかったり( (１)(２)の方法では縦のカギカッコは罫線"┌"
で代用しています)といった問題があります。
(３)については私にはよく分かりません。御自分でサンプルなどを見てチェック
してみて下さい。

参考URL：

http://kyoto.cool.ne.jp/tatering/

お礼

大変、参考になりました。
ありがとうございました。

回答No.2

rasaki

HTMLのタグにはないですが、IE5.5ではスタイルシートで実現できます。詳細は参考URLで。でもIE5.5以降しか対応(というか実装？)してませんのであしからず。

あと、縦書きで表示してしまうJavaScriptもありますよ。
http://www.mars.dti.ne.jp/%7ek-konno/

実用的とか簡単にということなら、mikekoさんのおっしゃるような縦書きエディタを使うのがいいと思います。

参考URL：

http://www.microsoft.com/JAPAN/developer/library/jpwebwk/author/css/verticaltext/verticaltext.htm

お礼

大変、参考になりました。
ありがとうございました。

回答No.1

mikeko

基本的に横書き社会（英語圏）の産物なので、縦書きになるタグはないと思いますが・・・・(^^;

ただ、強引に縦書きにする方法はあります。
参考urlに縦書きにしたページを入れておきますので、詳しいタグの書き方はそこのソースを開いて見て下さい。

私はオンラインソフトのエディタで、縦書き入力が出来て、そのデザインのままhtmlで出力出来る「ＴＡＴＥＧＡＫＩ」というソフトで作っています。
これはMAC版ですが、winでも似たような縦書きエディタがオンラインソフトであったと思いますので、探してみられてはどうですか？

参考URL：

http://www1.linkclub.or.jp/~mike/SENRYU/nekoSEN.html