電子書籍を作るときには、CSSファイルが必要になります。これは、Sigilでは「スタイルシート」として扱われているものです。たてがきにするためには、CSSファイルのほかに、Epubファイル（xhtmlファイル）の先頭部分などを書き直す必要があります。それをおこなったうえで、以下に公開するCSSファイルをご利用ください。
横書き化基本
１．<html>を書き直す。
ファイルの先頭部にある
<html xmlns="http://www.w3.org/1999/xhtml">
というコードを削除して次のコードに書き直す。
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="ja"
xmlns:epub="http://www.idpf.org/2007/ops"
xmlns:xml="http://www.w3.org/XML/1998/namespace">
２．ヘッダ（<head>タグと</head>タグのあいだ）にスタイルシートを読み込むためのつぎのような一文を加える。
<link class="horizontal" href="../Styles/Style0001.css" rel="stylesheet" title="horizontal" type="text/css" />
ここで注意しておきますと、本格的な電子書籍を作るためには、"Style0001.css"ファイルの内容を以下に紹介するCSSファイルの内容によって書き直す必要があります。"Style0001.css"ファイルは、Sigilでは左端ブックブラウザーにある「Styles」を右クリックして、「空のスタイルシートを追加」をクリックすると自動的に生成されます。
３．ページ送り
縦書きの書物として右から左にページ送りするように設定するには、左端のブックブラウザーの下から二番目にある「content.opf」の内容を書き換えます。そのやり方。
<spine toc="ncx">
をだまってつぎのように書き直す。
<spine page-progression-direction="ltr" toc="ncx">
以上の処理をおこなったうえで必ず、「Styles」にまず「空のスタイルシートを追加」し、そこに以下の「縦書き用の基本的CSS」をコピー・ペーストしてください。とりわけ、その先頭部分である
html {
epub-writing-mode:horizontal-tb;
-webkit-writing-mode:horizontal-tb;
}
は必ず書き込んでおかねばなりません。これで縦書き用の電子書籍を作ることができます。
縦書き化基本
１．<html>を書き直す。
ファイルの先頭部にある
<html xmlns="http://www.w3.org/1999/xhtml">
というコードを削除して次のコードに書き直す。
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="ja"
xmlns:epub="http://www.idpf.org/2007/ops"
xmlns:xml="http://www.w3.org/XML/1998/namespace">
２．ヘッダ（<head>タグと</head>タグのあいだ）にスタイルシートを読み込むためのつぎのような一文を加える。
<link class="vertical" href="../Styles/Style0001.css "
rel="stylesheet" title="縦組" type="text/css" />
ここで注意しておきますと、本格的な電子書籍を作るためには、”Style0001.css”ファイルの内容をいかに紹介するCSSファイルの内容によって書き直す必要があります。”Style0001.css”ファイルは、Sigilでは左端ブックブラウザーにある「Styles」を右クリックして、「空のスタイルシートを追加」をクリックすると自動的に生成されます。
３．ページ送り
縦書きの書物として右から左にページ送りするように設定するには、左端のブックブラウザーの下から二番目にある「content.opf」の内容を書き換えます。そのやり方。
<spine toc="ncx">
をだまってつぎのように書き直す。
<spine page-progression-direction="rtl" toc="ncx">
以上の処理をおこなったうえで必ず、「Styles」にまず「空のスタイルシートを追加」し、そこに以下の「縦書き用の基本的CSS」をコピー・ペーストしてください。とりわけ、その先頭部分である
html {
width: 100%;
writing-mode: vertical-rl;
-epub-writing-mode: vertical-rl;
}
は必ず書き込んでおかねばなりません。これで縦書き用の電子書籍を作ることができます。