12–3 レイアウトのカスタマイズ(ユーザー・スタイルシート)

スタイルシート

ユーザー・スタイルシートを追加してEPUBのデザインやレイアウトをカスタマイズEPUBレイアウト できます。

スタイルシートの扱い方

追加するスタイルシートは次のように扱います。

ユーザー・スタイルシート作成には、http://www.cas-ub.com/howto/ からダウンロードできる「CSS レイアウトのカスタマイズガイド」を参考にしてください。

段落レイアウトのカスタマイズ

たとえば、「ノーマル明朝」の段落のレイアウトは次のように、字下げ「あり」(text-indent:1em)の設定で、段落間の空きは設定されていません。

p {
  position: relative;
  padding-left: 0;
  text-indent: 1em;
  line-height: 1.6;
}

layout2.png

図12・4 「ノーマル明朝」の段落レイアウト

段落に字下げをなしを指定し、段落間を空きを入れるには、次のような内容のstyle.cssを用意して、それをスタイルシート・フォルダーにアップロードします。

p {
text-indent: 0; 
margin-top: 0.9em;
}

layout1.png

図12・5 「ノーマル明朝」の段落の字下げと空きを変更

上の字下げの例は、CSSの調整機能を使って調整もできます。詳しくは、12–2 CSSのテーマの機能と設定変更を参照してください。

注 意

CAS-UBのテーマで指定している内容をstyle.cssの内容で上書きしたり打ち消すことができるかどうかは、CSSのカスケーディング規則によります。一般的には、style.cssの内容はテーマの記述内容よりも詳しく記述する必要があります。このため、ユーザー・スタイルシートを作成するには、既存のテーマがどのように適用されているかを知っていなければなりません。詳しくは「CSS レイアウトのカスタマイズガイド」を参照してください。