1–2 調整用スタイルシートとユーザー・スタイルシート

CAS-UBの共通スタイルシート、テーマのスタイルシート以外に「config.css」と「style.css」というCSSファイルがリンクされることがあります。それぞれ「調整用スタイルシート」「ユーザー・スタイルシート」と言います。

images/ExtraStyle.png

図1・4 調整用スタイルシートとユーザー・スタイルシート
  •  ※このほかに、フォント埋め込みを行なった場合、font.cssをリンクします。この機能はCAS-UBが自動的に設定するものでユーザーが関与することはできませんので、説明を省略します。

調整用スタイルシート

調整用スタイルシートは、CSSテーマの設定の一部を変更(調整)したときに追加されるスタイルシートです。詳細は「ユーザーガイド」の12.2 CSS のテーマの機能と設定変更の項をご参照ください。

ユーザー・スタイルシート

ユーザー・スタイルシートは、ユーザー自身がレイアウトをカスタマイズするためのスタイルシートです。その役割については「ユーザーガイド」の12.3 レイアウトのカスタマイズ(ユーザー・スタイルシート)の項を参照してください。

  • 本ガイドはユーザーがレイアウトをカスタマイズする方法について説明します。
  • ユーザー・スタイルシートは、自身でエディタなどを使ってCSSファイルとして作成してください。
  • CSSファイルは、CAS-UBの「スタイルシート」画面からアップロードします。
  • EPUBにリンクするユーザー・スタイルシートは、「style.css」のみです。それ以外のユーザー・スタイルシートは、style.css にインポートしてください。

images/UploadStylecss.png

図1・5 ユーザー・スタイルシートのアップロード

テーマを使わず、完全に独自のCSSを使いたいとき

テーマを使わずに、自分で作成したCSSだけでレイアウトを指定したいときは、「CSSのテーマ」を「未定」に設定します。CSSのテーマが未定になっているとき、EPUB3のXHTMLには「sys-default」という名前のテーマがリンクされます。sys-defaultテーマCSSの設定内容は空ですので、自分で作成したstyle.cssでゼロからレイアウト設定ができます。但し、その場合でもEPUBリーダーの既定値が有効となることに注意してください。

横書と縦書
ページの進行方向などは横書と縦書で異なります。ページの進行方向はCSSで指定するものではないので、縦書のEPUB3を生成したいときは、「CSSのテーマ」で「縦書」の「未定」に設定してください。