SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
6.
チェック内容
• 出版社が重視する日本語組版表現は電書協「EPUB3.0
日本語組版要望表」によくまとまっています。
• …が、時間的な制約により、項目は 超基本的なもの
にとどめます。
• HTMLとCSSに関する項目にとどめます。
• 対象はWebKit(r122778)for Mac OS XとAdobe
Digital Editions 1.8 Preview4 for Mac OS Xだけです。
• 私の独断と偏見で以下の判定します。飽くまで現時
点のものです。
使える 注意が必要 厳しい
7.
(単純な)縦書き
• CSS Writing Mode Level 3のwriting-modeプロ
パティを利用する。
• horizontal-tb: 横書き
• vertical-rl: 行が右から左に送られる縦書き。
=日本語の縦書き
• vertical-lr: 行が左から右に送られる縦書き。
WebKit NB Adobe Digital Editions
r122778 1.8 prev4
(Mac OS X) (Mac OS X)
使える 使える
22.
text-emphasis*
WebKit NB Adobe Digital Editions
CSS3 Text EPUB 3 CSS Profile
r122778 1.8 prev4
20120119WD (=20110412WD)
(Mac OS X) (Mac OS X)
-webkit-text-emphasis-style
property text-emphasis-style -epub-text-emphasis-style -epub-text-emphasis-style
-epub-text-emphasis-style
none none none none
filled filled filled filled
open open open open
dot dot dot dot
value circle circle circle circle
double-circle double-circle double-circle double-circle
triangle triangle triangle triangle
sesame sesame sesame sesame
<string> <string> <string> ―
23.
text-emphasis*
WebKit NB Adobe Digital Editions
CSS3 Text EPUB 3 CSS Profile
r122778 1.8 prev4
20120119WD (=20110412WD)
(Mac OS X) (Mac OS X)
-webkit-text-emphasis-color
property text-emphasis-color -epub-text-emphasis-color ―
-epub-text-emphasis-color
value <color> <color> <color> ―
-adobe-text-emphasis-
property text-emphasis-position ― ―
position
above ― ― above
below ― ― below
value
right ― ― right
left ― ― left
-webkit-text-emphasis
property text-emphasis -epub-text-emphasis ―
-epub-text-emphasis
26.
禁則ルール
• WebKit、RMSDKともに禁則処理がなされ
る。
• 細かい禁則ルールはCSS Text Level 3のline-
breakプロパティで指定する。
• WebKit、RMSDKともに緩い禁則(loose)
には対応していない。
WebKit NB Adobe Digital Editions
r122778 1.8 prev4
(Mac OS X) (Mac OS X)
注意が必要 注意が必要
27.
line-break
WebKit NB Adobe Digital Editions
CSS3 Text EPUB 3 CSS Profile
r122778 1.8 prev4
20120119WD (=20110412WD)
(Mac OS X) (Mac OS X)
-webkit-line-break
property line-break -epub-line-break -epub-line-break
-epub-line-break
auto auto ― auto
loose loose ― ―
value normal normal normal normal
strict strict ― strict
― ― after-white-space ―
28.
句読点ぶら下げ
• 行頭に句読点が来た時、その句読点を前の行
の基本版面の外にぶら下げることがある。
• CSS Text Level 3ではこれを実現するhanging-
punctuationプロパティがある。
• …が、EPUB 3 CSS Profileには含まれていない。
• WebKit、RMSDKともに実装されていない。
WebKit NB Adobe Digital Editions
r122778 1.8 prev4
(Mac OS X) (Mac OS X)
厳しい 厳しい
29.
hanging-punctuation
WebKit NB Adobe Digital Editions
CSS3 Text EPUB 3 CSS Profile
r122778 1.8 prev4
20120119WD (=20110412WD)
(Mac OS X) (Mac OS X)
property hanging-punctuation ― ― ―
none ― ― ―
first ― ― ―
value last ― ― ―
force-end ― ― ―
allow-end ― ― ―
30.
均等割り
• 字間を均等に空け,文字列の両端を行頭及び行末
に える方法。
• CSS Text Level 3ではこれを実現するtext-align-lastプ
ロパティがある。
• WebKit、RMSDKともに実装されていない。
• ブラウザではInternet ExplorerやFireFoxが実装して
いる。
WebKit NB Adobe Digital Editions
r122778 1.8 prev4
(Mac OS X) (Mac OS X)
厳しい 厳しい
31.
text-align-last
WebKit NB Adobe Digital Editions
CSS3 Text EPUB 3 CSS Profile
r122778 1.8 prev4
20120119WD (=20110412WD)
(Mac OS X) (Mac OS X)
property text-align-last -epub-text-align-last ― ―
auto auto ― ―
start start ― ―
end end ― ―
value left left ― ―
right right ― ―
center center ― ―
justify justify ― ―
32.
文字の変換
• EPUBではCSS Text Level 3のtext-transformプロ
パティによって次の変換ができるとしてい
る。
• -epub-fullwidth 半角文字→全角文字
• -epub-fullsize-kana 小書きの仮名→通常の仮名
• …が、これらの値はWebKit、RMSDKともに実
装していない。
WebKit NB Adobe Digital Editions
r122778 1.8 prev4
(Mac OS X) (Mac OS X)
厳しい 厳しい
33.
text-transform
WebKit NB Adobe Digital Editions
CSS3 Text EPUB 3 CSS Profile
r122778 1.8 prev4
20120119WD (=20110412WD)
(Mac OS X) (Mac OS X)
property text-transform text-transform text-transform text-transform
full-width -epub-fullwidth ― ―
value
※full-size-kana -epub-fullsize-kana ― ―
• ※full-size-kanaはCSS Text Level 3の範囲から落と
されLevel 4に持ち越しの方向。
34.
ルビのスタイリング
• CSS 3 Ruby Moduleではルビ文字の上付
き、中付き、下付きや前後の文字への
ルビかけルールなどを指定できるが、
EPUB 3 CSS Profileには含まれていない。
• RMSDKでは“-adobe-”接頭辞付きのプロ
パティで先行実装している。
WebKit NB Adobe Digital Editions
r122778 1.8 prev4
(Mac OS X) (Mac OS X)
厳しい 使える
35.
CSS3 Ruby Module
CSS3 Ruby WebKit NB Adobe Digital Editions
EPUB 3 CSS Profile r122778 1.8 prev4
20110630WD
(Mac OS X) (Mac OS X)
property ruby-position -epub-ruby-position ― -epub-ruby-position
before over ― over
after under ― under
value
inter-character inter-character ― ―
inline ― ― ―
property ruby-align ― ― -adobe-ruby-align
auto ― ― auto
start ― ― start
left ― ― left
center ― ― center
value end ― ― end
right ― ― right
distribute-letter ― ― distribute-letter
distribute-space ― ― distribute-space
line-edge ― ― line-edge
property ruby-overhang ― ― -adobe-ruby-overhang
auto ― ― auto
start ― ― ―
value
end ― ― ―
none ― ― none
36.
段組み
• 段組みはCSS Multi-column Layout Moduleで指定す
る。
• WebKit自体は幾つかのプロパティをサポートしてい
るが、ページ表示するビューワに組み込んでリフ
ローと共存させるのは極めて難しい。
• RMSDKはプロパティをサポートしておらず、 制作
者が指定することはできないものの、ウィンドウ幅
や文字サイズによって自動的に段組表示を行う。
WebKit NB Adobe Digital Editions
r122778 1.8 prev4
(Mac OS X) (Mac OS X)
厳しい 厳しい
37.
CSS Multi-column Layout Module
WebKit NB Adobe Digital Editions
CSS3 Multicol
EPUB 3 CSS Profile r122778 1.8 prev4
20110630CR
(Mac OS X) (Mac OS X)
property column-width column-width -webkit-column-width ―
<length> <length> <length> ―
value
auto auto auto ―
property column-count column-count -webkit-column-count ―
<integer> <integer> <integer> ―
value
auto auto auto ―
property columns columns columns ―
property column-gap column-gap -webkit-column-gap ―
<length> <length> <length> ―
value
normal normal normal ―
property column-rule-color column-rule-color column-rule-color ―
value <color> <color> <color> ―
property column-rule-style column-rule-style column-rule-style ―
value <border-style> <border-style> <border-style> ―
property column-rule-width column-rule-width column-rule-width ―
value <border-width> <border-width> <border-width> ―
property column-rule column-rule column-rule ―
38.
CSS Multi-column Layout Module
WebKit NB Adobe Digital Editions
CSS3 Multicol
EPUB 3 CSS Profile r122778 1.8 prev4
20110630CR (Mac OS X) (Mac OS X)
property break-before break-before ― ―
auto auto ― ―
always always ― ―
avoid avoid ― ―
left left ― ―
value right right ― ―
page page ― ―
column column ― ―
avoid-page avoid-page ― ―
avoid-column avoid-column ― ―
property break-after break-after ― ―
auto auto ― ―
always always ― ―
avoid avoid ― ―
left left ― ―
value right right ― ―
page page ― ―
column column ― ―
avoid-page avoid-page ― ―
avoid-column avoid-column ― ―
39.
CSS Multi-column Layout Module
WebKit NB Adobe Digital Editions
CSS3 Multicol
EPUB 3 CSS Profile r122778 1.8 prev4
20110630CR
(Mac OS X) (Mac OS X)
property break-inside break-inside ― ―
auto auto ― ―
avoid avoid ― ―
value
avoid-page avoid-page ― ―
avoid-column avoid-column ― ―
property column-span ― -webkit-column-span ―
none ― ― ―
value
all ― all ―
property column-fill column-fill ― ―
auto auto ― ―
value
balance balance ― ―