前へ 次へ

章タイトルのカスタマイズ

章に類する記事の種類には、「本文：章」の他に「章扉」「プロローグ」「エピローグ」があります。

章　扉

  •  ※「章扉」は、EPUB3：生成の一般設定で「章扉を作る」をチェックしておくと、「本文：章」の記事タイトルのみのファイルが生成されクラス属性に'chapter-titlepage'が追加されます。元の記事では章タイトルのみが非表示になります。
  •  ※「本文：章」の記事がタイトルのみのときは、新たな記事は作らず<body>にクラス属性'chapter-titlepage'が追加されます。
  •  ※「プロローグ」「エピローグ」では扉は作りません。

（１）XHTML

「本文：章」

<body class="wrapper chapter level2" id="e_2e_30_30_30_32_2e_E7_AB_A0_E3_82_BF_E3_82_A4_E3_83_88_E3_83_AB-_E3_83_AC_E3_83_99_E3_83_AB_32"><h1>章タイトル-レベル2</h1>
<p>章直下の本文</p>

「章扉」

<body class="wrapper chapter level2 chapter-titlepage" id="e_2elevel_32_2eLEVEL_32_20_E3_82_BF_E3_82_A4_E3_83_88_E3_83_AB"><h1>LEVEL2 タイトル</h1>

「プロローグ」

<body class="wrapper body-start level2" id="e_2e_30_30_30_31b_2e_E5_BA_8F_E7_AB_A0-_E3_83_AC_E3_83_99_E3_83_AB_32"><h1>プロローグ-レベル2</h1>

「エピローグ」

<body class="wrapper body-end level2" id="e_2e_30_30_30_35b_2e_E7_B5_82_E7_AB_A0-_E3_83_AC_E3_83_99_E3_83_AB_32"><h1>エピローグ-レベル2</h1>

（２）スタイルシート

/* 章レベルタイトルの文字サイズを本文の2倍にする */
body.level2>h1 {
  font-size:2em;
}

（３）表示例

スタイルシート適用前

スタイルシート適用前

スタイルシート適用後

スタイルシート適用後

記事の種類に前書類と後書類を使っていない出版物であればこれで問題ありません。

記事の種類に前書類と後書類を使っている場合、この記述では前書類と後書類のタイトルにもスタイルシートが反映されてしまいます。

前書類と後書類のタイトルに影響しないようにするには'level2'は使えません。次のように、指定を反映させたい記事固有のクラス属性を列記する必要があります。

/* 章レベルタイトルの文字サイズを本文の2倍にする */
body.chapter>h1,
body.body-start>h1,
body.body-end>h1 {
  font-size:2em;
}


前へ 次へ