電子書籍のePubはXHTMLで作れるのでCSSも利用できるのですが、どこまで
対応しているのでしょうか？
そこで、電子書籍のePubで使用できるCSSプロパティを一覧にしてまとめて
ありましたので紹介。
チュートリアルで学ぶ電子書籍制作の4つの方法
EPUBのスタイルシートはCSS 2.1をベースにしているんですね。
電子書籍(ePub)で使用できるCSS対応表
対応しているのでしょうか？
そこで、電子書籍のePubで使用できるCSSプロパティを一覧にしてまとめて
ありましたので紹介。
チュートリアルで学ぶ電子書籍制作の4つの方法
EPUBのスタイルシートはCSS 2.1をベースにしているんですね。
電子書籍(ePub)で使用できるCSS対応表
| CSSプロパティ名 | 指定できる値 | 備考 |
| @media | aural, all | |
| @page | :left, :right, :first | |
| margin-top | 値か割合 | |
| margin-bottom | 値か割合 | |
| margin-left | 値か割合 | |
| margin-right | 値か割合 | |
| margin | 値か割合（複数箇所指定可） | |
| auto | 0か1 | |
| padding-top | 値か割合 | |
| padding-bottom | 値か割合 | |
| padding-left | 値か割合 | |
| padding-right | 値か割合 | |
| padding | 値か割合（複数箇所指定可） | |
| border-top-width | thin, medium, thick, 値 | |
| border-bottom-width | thin, medium, thick, 値 | |
| border-left-width | thin, medium, thick, 値 | |
| border-right-width | thin, medium, thick, 値 | |
| border-width | thin, medium, thick, 値（複数箇所指定可） | |
| border-top-color | transparent, カラー | |
| border-bottom-color | transparent, カラー | |
| border-left-color | transparent, カラー | |
| border-right-color | transparent, カラー | |
| border-color | transparent, カラー（複数箇所指定可） | |
| border-top-style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset | dotted, dashed, double, groove, ridge, inset, outsetはsolidで表示 |
| border-bottom-style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset | dotted, dashed, double, groove, ridge, inset, outsetはsolidで表示 |
| border-left-style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset | dotted, dashed, double, groove, ridge, inset, outsetはsolidで表示 |
| border-right-style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset | dotted, dashed, double, groove, ridge, inset, outsetはsolidで表示 |
| border-style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset（複数箇所指定可） | dotted, dashed, double, groove, ridge, inset, outsetはsolidで表示 |
| border-top | border関連で指定できるカラー、太さ、種類 | |
| border-bottom | border関連で指定できるカラー、太さ、種類 | |
| border-left | border関連で指定できるカラー、太さ、種類 | |
| border-right | border関連で指定できるカラー、太さ、種類 | |
| border | border関連で指定できるカラー、太さ、種類（複数箇所指定可） | |
| display | none, 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-foot | oeb-page-head, oeb-page-footは表示位置を先頭か末尾に固定 |
| float | left, right, none, inherit | |
| clear | none, left, right, both, inherit | |
| direction | ltr, rtl, inherit | |
| unicode-bidi | normal, embed, bidi-override, inherit | |
| oeb-column-number | auto, 段組数 | 段組表示がサポートされていない場合は1にセットされる（段組なし） |
| width | auto, inherit, 値か割合 | |
| min-width | inherit, 値か割合 | |
| max-width | auto, inherit, 値か割合 | |
| height | auto, inherit, 値か割合 | |
| min-height | inherit, 値か割合 | |
| max-height | none, inherit, 値か割合 | |
| line-height | normal, inherit, 値か割合 | |
| vertical-align | baseline, sub, super, top, text-top, middle, bottom, ext-bottom, inherit | |
| content | inherit, 文字列 | |
| list-style-type | none,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-position | inside, outside, inherit | |
| list-style | リスト関連で指定できる種類と位置 | |
| page-break-before | auto, always, avoid, left, right, inherit | |
| page-break-after | auto, always, avoid, left, right, inherit | |
| page-break-inside | auto, avoid, inherit | |
| orphans | inherit, 値 | |
| widows | inherit, 値 | |
| color | inherit, カラー | |
| background-color | inherit, transparent, カラー | |
| @font-face | font-family,font-style,font-variant,font-weight,font-size,src | |
| font-style | normal, italic, oblique, inherit | |
| font-variant | normal, small-caps | |
| font-weight | normal, bold, 100-900, inherit | |
| font-size | xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, inherit, 値か割合 | |
| font | フォント関連で指定できる形状や太さ | |
| text-indent | inherit, 値か割合 | |
| text-align | left, right, center, justify, inherit | |
| text-decoration | none, line-through, underline, inherit | |
| white-space | normal, pre, nowrap, inherit | |
| caption-side | top, bottom, left, right, inherit | |
| table-layout | fixed, auto, inherit | |
| speak-header | once, always, inherit | |
| volume | silent, x-soft, soft, medium, loud, x-loud, inherit, 0-100, 割合 | |
| speak | normal, none, spell-out, inherit | |
| pause-before | inherit, 割合, 時間 | |
| pause-after | inherit, 割合, 時間 | |
| pause | inherit, 割合, 時間 | |
| cue-before | none, inherit, URIを指定 | |
| cue-after | none, inherit, URIを指定 | |
| cue | none, inherit, URIを指定 | |
| speech-rate | x-slow, slow, medium, fast, x-fast, faster, slower, inherit, 値 | |
| voice-family | male, female, child, inherit | |
| picth | x-low, low, medium, high, x-high, inherit, 周波数 | |
| stress | 0-100, inherit | |
| richness | 0-100, inherit | |
| speak-punctuation | code, none, inherit | |
| speak-numeral | digits, continuous, inherit |