縦書き文字。


ウェブ上の文字はほとんど横書きですが、縦書きでもできるんです。
これを使って個性的なページを目指してみては。

はいサンプル。 こんな感じに縦書きになります。 ウェブ上ではあまり見慣れないですね。 これが普通に横書きに見えてしまう方は、 プラウザが縦書きに対応していないんですね。 ごめんなさい、縦書きは諦めてください…。 では、ソースの説明に行きます。

ソースはこちら。

<div style="writing-mode:tb-rl;">ここに文字</div>


上のタグだけでは思い通りに表示されないことがあると思うので
テーブルを使って、テーブル内で縦書きの文章にすることをお勧めします。
また、この方法だと勝手に改行されてしまう事があるので
それから逃れるには、上のタグを<nobr>〜</nobr>の中に入れるといいですよ。