ADHOCRAT

　以下の shot はそのプロセスを表わしたものである。

"青空文庫" から素材としてダウンロードした "HTML（CSS付き）"を スクリプト




もちろん、元の CSS では「横書き」状態で表示される




スクリプトに「epubpack」提供の "basic_vertical.css" を追加した スクリプト




ブラウザ "Chrome" では瞬時に「縦書き」表示に切り替わる！

　上では、太宰治『富嶽百景』という、青空文庫からダウンロードした "HTML（CSS付き）" を素材としてみたが、手元にある "HTML（CSS付き）" でもほぼ同じ結果が得られた。ただ、既存 CSS が込み入ったものであると思い通りの結果はでない。既存 CSS の修正が必要となりそうだ。

　ところで、ターゲットである "縦書き用のcss" やその組み込み方については、「epubpack」(イーパブパック)周辺の下記サイトを参照のこと。また、必要なファイルのダウンロードは、それぞれのサイトで行ってください。

―――― ＜縦書きEPUBの作り方

■縦書きのHTMLコンテンツを作るには 　縦書きでコンテンツを表示するためにはアップロードするHTMLに縦書き用のcssが指定されている必要があります。

　以下は縦書き用のcssの指定の仕方の一例です。

　なお、現在これで縦書き表示ができるブラウザは

・Chrome11

・WebKit Nightly Build(http://nightly.webkit.org/) のみです。......　＞（ 縦書きEPUBの作り方／epub3pack ）

　それで、＜アップロードするHTMLに縦書き用のcssが指定される＞ようにするためには、以下の指示に従った作業をすることになる。

―――― ＜草枕を作ろう　=縦書きHTML簡単作成ガイド= *

　今年1月、縦書き表示の「草枕」を発表以来、多くの皆様から、どうしたら、縦書き表示ができるのか？　というお問い合わせをいただきました。　このサイトは、HTMLファイルの編集が出来る方を対象に、WebKit nightlybuildや、Chrome10で簡単に縦書き表示させる方法を説明しています。

１．以下の「添付ファイル」のzipを解凍したCSSファイルを、皆様が用意されたHTMLと同じフォルダに置きます。

↓　これです。

（※ 省略。末尾の＜添付ファイル (1)＞のこと――引用者）

２．HTMLファイル内に以下の形式でスタイルシートを指定します。
<link href="basic_vertical.css" rel="stylesheet" type="text/css" />
※HTMLファイルは、青空文庫(http://www.aozora.gr.jp/)のXHTMLファイルでもOK。<link XXXXX / />を上記に入れ替えてください。

３．WebKitまたはChrome10を起動し、作られたHTMLファイルを読み込ませます。

　コ・レ・ダ・ケ　です。

４．EPUBファイルにする場合は、上記のXHTMLをCSSをepubpackに入れてください。

　......
添付ファイル (1)
basic_vertical.css - 2011/05/23 20:39、Kazuo Shimokawa (バージョン 1)　1KB ダウンロード＞（ 草枕を作ろう　=縦書きHTML簡単作成ガイド= * ／epub cafe 電子出版環境整備事業 ）

　なお、この手順で出来た＜縦書きのHTMLコンテンツ＞が "縦書き" として表示されるのは今のところ＜WebKitまたはChrome10＞だけであるため、今ひとつ残念な気もするが、他のブラウザも直に追い付くに違いないと思われる......　(2011.08.16）