cassupportの日記の次のエントリーのとおり、EPUB3.0仕様は進んでいます（今夏遅くに最終の勧告仕様とのこと）：

• 5月23日　EPUB3.0のProposed Specificationが公開されました

「CSS組版」に関係するところは、EPUB Content Documents 3.0 の 3 EPUB Style Sheets です。EPUB3.0で使えることになる CSS のプロパティについて書かれています。
CSS3 Text と Writing Modes については、まだドラフト仕様であるということで、プロパティ名に -epub- プレフィックスを付けたものがEPUB3.0で採用されることになりました。例えば、圏点を付けるプロパティは -epub-text-emphasis、縦書き／横書きの指定は -epub-writing-mode、縦中横は -epub-text-combine、などです。
EPUB3.0で、縦書き、縦中横、ルビ、圏点といった日本語組版の基本的な機能が入りましたが、採用が見送られたものもあります。EPUB3.0に含まれないCSS3 Text の機能としては、句読点のぶら下げの指定 hanging-punctuation、約物詰めなどの制御 text-spacing プロパティがあります。

CSS3 Text の text-spacing プロパティについて

CSS3 Text の以前のドラフト仕様では、和欧文間などにアキを入れる text-autospace、約物の詰め（行頭／行末／約物連続で半角幅に詰めるかどうか）を指定する punctuation-trim、行調整での約物の詰め text-justify-trim プロパティがありました（AH Formatter でもこれらを実装してますので、使っていただいている方にはお馴染みかもしれません）。それらがひとつに統合されたのが最新のドラフトでの text-spacing プロパティです。
以下は、text-spacing プロパティと他のプロパティを組み合わせて日本語の標準的な段落のスタイルを定義した例です（ドラフト仕様なので最終仕様は変わるかもしれません）：

p {
margin: 0;
text-align: justify; /* 行揃え */
text-indent: 1em;    /* 段落１字下げ */
hanging-punctuation: first allow-end;
/* 起こし食い込み、句読点ぶら下げあり */
text-spacing: trim-start trim-end ideograph-alpha ideograph-numeric;
/* 行頭約物半角、行末約物半角、和欧間アケ、和数間アケ */
}

なお、text-spacing プロパティのデフォルト（normal）は space-start（行頭約物全角）、allow-end（行末約物全角/半角）、trim-adjacent（連続する約物間を詰める）の組み合わせなので、これらの値を変えないのであれば明示的に指定する必要はありません（上の例では trim-adjacent が暗黙に有効です）。
text-spacing プロパティは、将来の CSS Text Level 4 ではより詳細な指定ができるようになるかもしれません（Adobe InDesign の「文字組みアキ量設定」と同様のことができるようにという要望があります）。文字クラスの前後の組み合わせごとのアキ量の最適値と下限と上限と設定できるようにすることなどです。例えば ideograph-alpha（和欧間アケ）、ideograph-numeric（和数間アケ）をそれぞれ別のアキ量にしたいというとき便利でしょう。

CSS Line Grid （行グリッド仕様）について

CSS での行の配置方法は、日本語組版で基本とされている行送りを等間隔にすることやベタ組みで行頭行末を揃えることがしにくい問題があり、これを解決するために CSS Line Grid （行グリッド仕様）が必要とされています。
CSS Textと Writing Modes 仕様策定で Elika (fantasai)さんとともに中心になっている石井宏治さんが、Line Grid 仕様のエディターも引き受けてくれて、最近 Editor’s Draft が公開されました：

• CSS Line Grid Module

この仕様は次のことを実現しようとしています：

• 行送りを等幅にして、見出しや図が間に入っても、等間隔が保たれて段組の段どうしで行の位置が揃うこと
• 全角字送りの整数倍の行長になるようにすることで、なるべく等幅の字送り（行調整のアキが字間に入るのを最小に）

この仕様がどうなるかは、まだ議論がはじまったばかりです。
（参考：twitter まとめ「CSS3 Line Grid仕様検討会」、「電子書籍やWebの行揃え」）
いずれこの標準化が進めば、将来のEPUBのバージョンに反映されることでしょう。

次世代電子出版とWeb　表現技術フォーラム

CSSや日本語のレイアウトを中心としたフォーラムが東京（5月30日）と京都（6月1日）であります。主催は「次世代Webブラウザのテキストレイアウトに関する検討会」（Technical Leader は石井宏治さんで、私もメンバー）、W3C/慶應と総務省が後援しています。6月2～4日には京都で W3C CSSWG のミーティングがあり、それに合わせて開催されることになったものです。
次の案内ページをご覧ください：

• 次世代電子出版とWeb 表現技術フォーラム in 東京：5月30日（月）
• 次世代電子出版とWeb 表現技術フォーラム in 京都：6月1日（水）

5月30日の東京フォーラムは定員に達して参加登録受付は終わっていますが、ストリーム中継があります。ぜひご視聴ください。
6月1日の京都のほうは、CSSWG メンバーも多く参加してくれて、ランチミーティングなどで交流できます。ボランティアの通訳がつきます。
（直前の案内になり、すみません）
追記：Twitterでの次世代電子出版とWeb 表現技術フォーラムに関する話題、実況、コメントなどは、ハッシュタグ #css2011jp をご利用下さい。

Tweet

W3C TPAC 2010 で CSS3 Writing Modes は…

今月初め、フランスのリオンでのW3C総会 TPAC 2010 のCSS WG会議で、CSS3 Writing Modes仕様について集中して審議されました。
結果は、石井宏治さん(@kojiishi)がツイッターで報告：

縦書きは順調。論理方向は一歩前進したけど及ばず、でも、継続審議にはなった。EPUB3の最低限ゴールからすれば、合格。でも個人的にはちょっと残念。状況からすれば仕方ないか、論理方向を支持する声は国内でも多くはないし。でも蓋を開けると文句噴出かなぁ、という気はします。難しい。
[3 Nov @kojiishi]

このとき議論されたこの時点でのCSS3 Writing Modes仕様(11月2日版)は次のものです：

• CSS Writing Modes Module Level 3
  Editor’s Draft 2 November 2010
  ※現在の最新版は：http://dev.w3.org/csswg/css3-writing-modes/

やはり論理プロパティ（8. Logical Properties and Values）については議論になり、残念ながら合意までには至らなかったようです。でも以前は反対していた人たちが、最低限の機能（margin と padding のショートハンドの logical キーワードなど）については必要性を認めるようになって、今後も議論を継続ということになったのは一歩前進です。
もうひとつ引用：

CSS WGのDanielから「今年はアジアからの参加者が過去になく多い、なぜだ？」と聞かれた。縦書きだ、と言ったら、うん、それだけ興味を持ってくれるなら日本で何かやらなければ、と言ってくれた。
みんなの貢献が将来につながります。多謝！
[3 Nov @kojiishi]

論理プロパティの必要性

例えばインデント（字下げ）の指定に横書きでは左アキ（margin-left）、縦書きでは上アキ（margin-top）などと物理方向を常に意識した指定が必要ということは制作者にとってとても不便だし、縦書きコンテンツを縦書き非対応のブラウザで横書きで表示した場合に、レイアウトが崩れて正常に読めないものになってしまうなど問題があります。
参考：「縦書きのときの方向指定問題」
それなら縦書きのとき「left」が上を指すように方向の定義を変えるという案もあったのですが、そうすると物理方向（top/right/bottom/left）は書字方向によらず絶対的な方向であるとしてきたCSS仕様の整合性を崩すことになってしまいます。
CSS仕様は中東のRTL（Right-to-Left：右から左への横書き）言語にも対応していますが、その場合、行頭側を空けるインデントの指定には margin-right を使う必要があります。RTL言語を含む多言語対応のウェブページの制作においてはCSSの「left」と「right」を入れ替える必要があり、制作者に負担が強いられているのが現状です（例えば次の変換ツールがこのために使われてます：CSS Janus）。もしも、RTLなら「left」が右を指すとすればCSSの変換は不要になりますが、左右の意味が逆になるのでは混乱するし、今さらそのようなCSSの仕様の変更は不可能です。
論理プロパティの案ならば、RTL言語にも、モンゴル語の左から右への縦書き（writing-mode: vertical-lr）にも有用です。

論理プロパティを別仕様に分離したうえで、CSS3 Writing Modes 公式ドラフト公開へ

CSS3 Writing Modes は、継続審議となった論理プロパティ（8. Logical Properties and Values）を別仕様に分離した上で、近いうちにFPWD（First Public Working Draft：最初のW3C公式ドラフト）となる見込みです。（その準備中の最新版のEditor’s Draft：http://dev.w3.org/csswg/css3-writing-modes/）
来年5月に勧告予定のEPUB3.0には残念ながら論理プロパティ仕様は入らず、縦書きと横書きではスタイルシートを書き直すことが必要になりそうです（インデントの指定に横書きでは margin-left、縦書きでは margin-top など）。これに対処するために、スタイルシートの縦書き／横書き変換を支援するツールなどが提供されることになると思います（論理方向 margin-start などで指定したものから縦横それぞれ用に変換するなど）。
しかし、これは論理プロパティ仕様の標準化がEPUB3.0のスケジュールに間に合わないための暫定的な対策であり、将来EPUBやWebでの縦書きを本格的に使えるものにするためには、やはり論理プロパティの標準化が欠かせません。
論理プロパティ仕様は、新しいCSS3モジュールの Editor’s Draft としてスタートすることになると思います。できるだけ早期にこの論理プロパティ仕様を完成させ、Webでの縦書きで使えるものにし、EPUB3の改訂版（EPUB3.1か）で採用されるようにすることが目標です。

実装が進んでいるCSS縦書きと論理プロパティ

標準化がまだこれからの論理プロパティですが、ドラフト案のものはすでに幾つか実装が進んでいます。
Antenna House Formatter は、CSS縦書きと論理プロパティを実装しています。少し前のドラフト仕様で 「EPUB仕様の日本語組版拡張を目指して(Version 0.8)」 にある writing-mode と論理プロパティに対応してます。
また、株式会社GNN「ブログ出版局」のCopper PDFという製品でも、CSS縦書きと論理プロパティが実装されています。（新・ブログ出版局管理人ブログにその説明とデモサイトの案内があります。）
ブラウザ Safari や Chrome のエンジンである WebKit での、縦書きと論理プロパティの実装も進んでいるようです（-webkit-writing-mode: vertical-rl や -webkit-margin-before、-webkit-logical-width などのプロパティが最新のWebKit Nightly Buildsで使えます）。

関連記事

• EPUB3.0へのCSS3採用の推進に関して [アンテナハウスのブログ I love software]
• 縦書き実現へと向かうEPUBと標準規格の魅力 [村田真，ITmedia]
• CSS3で縦書きスタイルを、電子出版の未来のために。日本発で提案中 [Publickey]
• 電子書籍フォーマット「EPUB」で縦書きとルビのサポート、来年5月には仕様完成の見通し [Publickey]
• CSS3が日本語の禁則処理、傍点、縦書きなど対応へ、ドラフト公開 [Publickey]
• 電子書籍の（なかなか）明けない夜明け　第4回　番外編：「電子書籍交換フォーマット」の正体を総務省に聞く [小形克宏，Internet Watch]
  ※記事の後半のほうで、「EPUB日本語拡張仕様策定」、「次世代ブラウザ（HTML5とCSS3）の縦書きレイアウトの規格化」ということに触れられています。
  （敬称略）

Tweet

新しいドラフトが公開されました：
CSS Text Level 3 W3C Working Draft 5 October 2010
このCSS3 Text仕様は、世界中の言語の文字組版に対応するためのもので、日本語組版に関係するものでは次のような機能があります。

• line-break　行分割の禁則処理の設定
• text-justify　行調整
• punctuation-trim　約物の詰め
• text-autospace　和欧文間アキ
• hanging-punctuation　句読点行末ぶらさげ、起こし食い込み
• text-emphasis　圏点（傍点）

縦書きについては、CSS3 Writing Modes （Text Layout から名称変更）仕様が、最初の公式ドラフト公開に向けて作業中です。
CSS Writing Modes Module Level 3 Editor’s Draft

• writing-mode　組み方向の指定。値が従来の tb-rl から vertical-rl （縦書きでブロック進行方向は右から左）のように変わってることに注意。
• text-orientation　縦書きでの欧文など文字の向き
• text-combine　組み文字、縦中横
• Logical properties: margin-before, logical-width, etc.　論理プロパティ

これらの仕様作りの中心になっているのは、Elika (fantasai)と石井さんです。私もいくらか関わってます。
Elikaはこの作業のために9月下旬にアメリカから来日しています。そして、Elikaと石井さんは、EPUB EGLS台湾会議(10月5～6日)に参加しました（前回の札幌での会議は私が出ましたが、今回は二人におまかせ）。Elikaは台湾から戻ったあと10月下旬まで日本滞在。
CSS3縦書き仕様（論理プロパティを含む）の標準化を進めて、それを次期EPUB仕様で使えるものにすることを目指しています。
ツイッターのまとめ：EPUBで縦組を実現するには？ EPUB EGLS台湾会議 第1日目、第2日目
EPUB EGLSコーディネーター村田真さんのツイート

EGLS台湾会議は大成功だった。EGLSとしては、残りは短い仕様を書くだけになったと思う。W3CとしてはCSS TextとCSS Writing Modesを勧告候補で持ってくるという仕事が残っているが、十分以上の見込みがあると私は思っている。 #epub_egls

ということです。
縦書きもできて、よりよい日本語組版がEPUBでもWebでも実現されることが楽しみです。

Tweet

先日、「第８回HTML5とか勉強会」という集まりに呼んでいただき、「EPUBやCSSと日本語レイアウト、HTML5と電子書籍」というテーマで講演をしました。

そのプレゼン資料を公開しました：

• 「EPUBやCSSと日本語レイアウト、HTML5と電子書籍」

この資料で、Antenna House Formatter、CSS組版の紹介と、このごろ私が関係しているEPUBとCSSの縦書きのことなど簡単にまとめています。よろしければ御覧ください。

Tweet