- スタイルシートで縦書きページを作ろう

おまけJavaScript

transformプロパティ未対応の古いブラウザ、およびInternet Explorer6未満のバージョンでは、ここで紹介しているスタイルシートでは表示に不具合を生じてしまいます。
transformでのフォント回転が効かないので、長音記号「ー」や括弧などが横字形のままになってしまうのですね。

そこで、こんなJavaScriptを用意してみました。

tate_replace.js
Opera 10.5未満, Firefox 3.5未満, Safari 3未満, IE 6未満の場合、スクリプト内で指定されている横字形を、縦字形に置換して表示します。

使い方

保存した tate_replace.js を、htmlソースのヘッダ部分で読み込みます。
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="保存したpath/tate_replace.js" charset="utf-8"></script>

    <title> </title>
  </head>
  <body>
    …
  </body>
</html>
これで、このページが読み込まれたときに、アクセスしてきたブラウザの種類とバージョンを判定して、必要があれば文字の置換を実行します。

ダウンロード → tate_replace.tar.gz
あるいは…  → tate_replace.js : テキストファイル