+RECOMMEND
+RECOMMEND
+Ad
+OTHERS

無料ブログ作成サービス JUGEM

paperboy&co.
RSS 1.0
ATOM  0.3
<< March 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< 失敗から学ぶ失敗まとめサイト「失敗百選」 ほか | main | Faviconで表現した各サイトのトラフィック比較インフォグラフィック >>
ePub形式で対応しているCSSまとめ


便利な記事を見つけたので紹介します。
元記事はこちらから。

■電子書籍のePubで対応しているCSSプロパティ一覧
http://ameblo.jp/linking/entry-10628486159.html


本を買わずに解決するWeb制作の小技】より

ePub形式でのCSS対応表です。

なかなか検証する機会がなかったので、これは助かります。


野沢 直樹,村上 弘子
ソーテック社
¥ 1,995
(2010-06-19)

このブログによると、CSSは2.1をベースにしていると言うことです。

大本の情報はAsciiの「チュートリアルで学ぶ電子書籍制作の4つの方法」
からのようです。

まとめられた対応表を記載しておきます。


CSSプロパティ名指定できる値備考
@mediaaural, all 
@page:left, :right, :first 
margin-top値か割合  
margin-bottom値か割合  
margin-left値か割合  
margin-right値か割合  
margin値か割合(複数箇所指定可)  
auto0か1  
padding-top値か割合  
padding-bottom値か割合  
padding-left値か割合  
padding-right値か割合  
padding値か割合(複数箇所指定可)  
border-top-widththin, medium, thick, 値  
border-bottom-widththin, medium, thick, 値  
border-left-widththin, medium, thick, 値  
border-right-widththin, medium, thick, 値  
border-widththin,  medium, thick, 値(複数箇所指定可)  
border-top-colortransparent, カラー  
border-bottom-colortransparent, カラー  
border-left-colortransparent, カラー  
border-right-colortransparent, カラー  
border-colortransparent, カラー(複数箇所指定可)  
border-top-stylenone, hidden, dotted, dashed, solid, double, groove, ridge, inset, outsetdotted, dashed, double, groove, ridge, inset, outsetはsolidで表示
border-bottom-stylenone, hidden, dotted, dashed, solid, double, groove, ridge, inset, outsetdotted, dashed, double, groove, ridge, inset, outsetはsolidで表示
border-left-stylenone, hidden, dotted, dashed, solid, double, groove, ridge, inset, outsetdotted, dashed, double, groove, ridge, inset, outsetはsolidで表示
border-right-stylenone, hidden, dotted, dashed, solid, double, groove, ridge, inset, outsetdotted, dashed, double, groove, ridge, inset, outsetはsolidで表示
border-stylenone, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset(複数箇所指定可)dotted, dashed, double, groove, ridge, inset, outsetはsolidで表示
border-topborder関連で指定できるカラー、太さ、種類  
border-bottomborder関連で指定できるカラー、太さ、種類  
border-leftborder関連で指定できるカラー、太さ、種類  
border-rightborder関連で指定できるカラー、太さ、種類  
borderborder関連で指定できるカラー、太さ、種類(複数箇所指定可)  
displaynone, inline, block, run-in, table, inline-table, table-row-group, table-header-group, table-footer-group, table-column-group, table-row, table-column, table-cell, table-caption, inherit, oeb-page-head, oeb-page-footoeb-page-head, oeb-page-footは表示位置を先頭か末尾に固定
floatleft, right, none, inherit  
clearnone, left, right, both, inherit
directionltr, rtl, inherit  
unicode-bidinormal, embed, bidi-override, inherit  
oeb-column-numberauto, 段組数段組表示がサポートされていない場合は1にセットされる(段組なし)
widthauto, inherit, 値か割合  
min-widthinherit, 値か割合  
max-widthauto, inherit, 値か割合  
heightauto, inherit, 値か割合  
min-heightinherit, 値か割合  
max-heightnone, inherit, 値か割合  
line-heightnormal, inherit, 値か割合  
vertical-alignbaseline, sub, super, top, text-top, middle, bottom, ext-bottom, inherit  
contentinherit, 文字列  
list-style-typenone,disc,circle,square,decimal,decimal-leading-zero,lower-roman,upper-roman,lower-greek,upper-greek,lower-alpha,lower-latin,upper-alpha,upper-latin,hebrew,armenian,georgian,cjk-ideographic,hiragana,katakana,hiragana-iroha,katakana-iroha,inherit  
list-style-positioninside, outside, inherit  
list-styleリスト関連で指定できる種類と位置  
page-break-beforeauto, always, avoid, left, right, inherit  
page-break-afterauto, always, avoid, left, right, inherit  
page-break-insideauto, avoid, inherit  
orphansinherit, 値  
widowsinherit, 値  
colorinherit, カラー  
background-colorinherit, transparent, カラー  
@font-facefont-family,font-style,font-variant,font-weight,font-size,src  
font-stylenormal, italic, oblique, inherit  
font-variantnormal, small-caps  
font-weightnormal, bold, 100-900, inherit  
font-sizexx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, inherit, 値か割合  
fontフォント関連で指定できる形状や太さ  
text-indentinherit, 値か割合  
text-alignleft, right, center, justify, inherit  
text-decorationnone, line-through, underline, inherit  
white-spacenormal, pre, nowrap, inherit  
caption-sidetop, bottom, left, right, inherit  
table-layoutfixed, auto, inherit  
speak-headeronce, always, inherit  
volumesilent, x-soft, soft, medium, loud, x-loud, inherit, 0-100, 割合  
speaknormal, none, spell-out, inherit  
pause-beforeinherit, 割合, 時間  
pause-afterinherit, 割合, 時間  
pauseinherit, 割合, 時間  
cue-beforenone, inherit, URIを指定  
cue-afternone, inherit, URIを指定  
cuenone, inherit, URIを指定  
speech-ratex-slow, slow, medium, fast, x-fast, faster, slower, inherit, 値  
voice-familymale, female, child, inherit  
picthx-low, low, medium, high, x-high, inherit, 周波数  
stress0-100, inherit  
richness0-100, inherit  
speak-punctuationcode, none, inherit  
speak-numeraldigits, continuous, inherit  



もっと詳しく知りたい方はこちらの公式サイトから詳しい仕様が閲覧できます。
http://www.idpf.org/2007/ops/OPS_2.0_final_spec.html#Section3.0



| 電子書籍 | 03:04 | comments(0) | trackbacks(0) | - | - |はてなブックマーク - ePub形式で対応しているCSSまとめ | このエントリーをはてなブックマークに追加









http://blog.tug.lomo.jp/trackback/990207