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

アンテナハウス
村上 真雄
@MurakamiShinyu

「第8回HTML5とか勉強会」での講演資料
[HTML5プレゼンツールNerine版もあります]

村上 真雄 (@MurakamiShinyu) 自己紹介

Twitterで公開しているプロフィール:

Antenna House Formatter

CSS 組版とは

CSS 組版ができるソフトウェア

EPUB

EPUB日本語組版要求

W3C日本語組版タスクフォース(JLTF: Japanese Layout Taskforce)

W3C HTML5 Japanese Interest Group (HTML5 JP IG)

HTML5 と電子書籍

CSS3 writing-mode 縦書き

縦書きのときの方向指定問題

論理的プロパティの議論

「EPUB仕様の日本語組版拡張を目指して」

縦書きEPUB/HTML+CSS実装が続々と登場

EPUB縦書き標準化の方針の転換

論理的方向モードの議論

論理的方向モードの使用例

/* 縦書き用基本スタイルシート */
:root { /* 文書全体を縦書きに */
  block-flow: rl;
  directional-mode: logical;
}
img {
  /* 画像については物理座標を使いたい */
  directional-mode: physical;
}
/* 個別CSSサンプル */
blockquote {
  margin: 0;
  margin-left: 2em; /* 横書きでは左、縦書きでは上を空ける */
}
img.one { width: 30px; height: 20px; } /* 画像は縦書きでもwidthが横幅 */

IDPF EPUB Revision

ありがとうございました