縦書きWebページプロジェクト
縦書きのホ┃ムペ┃ジです
如何ですか
スタイルシ┃トだけで縦書きを
実現してみました
例によ
力技です
 
スタイルの記述によ
句読点や
小さい
などの文字の位置調整を行
ています
 
お品書き
青空文庫を縦書き表示
青空文庫所蔵の作品を縦書きで読むためのペエジ
こちらからどうぞ
まだまだ至らぬところも多いですが
やはり縦書きのほうが読み易いと思います
最新情報はこちらのブログ記事を参照して下さい
縦書き用スタイルシ┃ト
ブ上で縦書きを実現するための
説明とサンプルはコチラ
縦書き支援スクリプト
手でガシガシと書くのは大変なので
横書きテキストを縦書き
に変換する
スクリプトを書いてみました
コチラでどうぞ
最終更新日
 
二〇〇九
一〇
二三
 
…というわけで。
「日本人なら縦書きっしょ」と思い立ってはみたものの、めんどくさいったらありゃしない。

えぇと、どういうスタイルを適用しているかといいますと、
  • 文を一行ごとに、幅が一文字分の<div>要素で括る。
  • 句読点や小さい「っ」は、放っておくと日本語の禁則処理で前の文字の真横に表示されるので、これも<div>で括って表示位置を調整。
…まぁ、それだけなのですが。

FireFoxとSafariでは、なんとなく良い感じに表示されています。IEではどうなんだろうか。
IEには独自の縦書きスタイルタグがあるのですが、このご時世にブラウザ依存の機能を使うのも、ねぇ。

一応、縦書き用のスタイルシートとHTMLのサンプルを載せておきます。
ただ、手動でガシガシ書くのはむっちゃ時間がかかります。



縦書き用スタイルシートの説明とサンプルをご覧になりたい方はこちらのページ「縦書き用スタイルシート」へどうぞ。

横書きテキスト→縦書きhtml変換スクリプトはこちらのページで試す事ができます。


青空文庫の縦書き表示を試す!という方はこちらのページ「青空文庫を縦書き表示」へどうぞ。
 
tyz@freefielder.jp