Safari5.1が日本語縦書き表示に対応

Mac OSX Lionのリリースに合わせてSafariがバージョンアップ。新SafariはSnowLeopardにも対応です。
　新機能は色々あるようですが

• 日本語縦書き表示に対応

　小説創作系サイトとしては重要なバージョンアップです。SafariのエンジンになっているwebkitはGoogle Chromeのエンジンでもあるので縦書き表示を採用するサイトも増えるのではないかと思います。

縦書きテスト

　まずはサンプル。

山路やまみちを登りながら、こう考えた。

智ちに働けば角かどが立つ。情じょうに棹さおさせば流される。意地を通とおせば窮屈きゅうくつだ。とかくに人の世は住みにくい。

夏目漱石『草枕』より

　Safari5.1以降であれば上の部分は縦書き表示されているはずです。恐らくはIE9以降でも。タグは以下の通り。

<blockquote style="writing-mode: vertical-rl; max-height: 20em; -webkit-writing-mode: vertical-rl; font-family: "HiraMinProN-W3", "@ＭＳ 明朝", serif, sans-serif;"> <p><ruby><rb>山路</rb><rt>やまみち</rt></ruby>を登りながら、こう考えた。</p> <p><ruby><rb>智</rb><rt>ち</rt></ruby>に働けば<ruby><rb>角</rb><rt>かど</rt></ruby>が立つ。<ruby><rb>情</rb><rt>じょう</rt></ruby>に<ruby><rb>棹</rb><rt>さお</rt></ruby>させば流される。意地を<ruby><rb>通</rb><rt>とお</rt></ruby>せば<ruby><rb>窮屈</rb><rt>きゅうくつ</rt></ruby>だ。とかくに人の世は住みにくい。</p> <p style="text-align:right;"><cite>夏目漱石『草枕』より</cite></p> </blockquote>

　対応していないブラウザであれば通常の横書きに見えるはずです。

　行間の調整（ルビのある行とない行とで本文行間を一定にする）というのもできるはずですがやり方不明。