製本活用デモンストレーション
ここでは次世代CSS3に特徴的な機能を体験していただくことで、これまで動的なデータ書き出しでは不向きであった書類作成が可能になることを体験していただきます。
このデモンストレーションで体験していただけること
No. 内容 class ※ property デモ方法
1. 段組設定 横組み:指定なし
二段横組み:two-cols
縦組み:vertical
二段縦組み:two-cols vertical
column-count
column-gap
column-rule
段組の形式を選択できます。
2. 目次設定 cross-ref page
writing-mode
段落ごとに目次を設定できます。
3. ページ立て設定 chapter-page-break page-break-before 段落ごとにページ立てすることができます。
4. ヘッダー(フッター)設定 header-h1 string-set ページ立てごとにヘッダー(フッター)を入れられます。
5. ページノンブル nombre_side.css @page :left
@page :right
@page :first
ページ立てに合わせページノンブルを入れられます。
6. トンボ断ち落しマーク設定 trimmarks.css -ah-marks
-ah-crop-offset
印刷データ向けにトンボ断落マークを入れられます。
7. 用紙の選択 - size: landscape 書き出しの際の用紙の縦横を選択できます。

 

※:classの設定は活用例です。
  下記の[PDFに書き出す]ボタンを押してPDFを書き出した際に、HTMLの作成例もご覧いただけるようになっています。
  参考にしてください。

 

1.段組設定
下記の四つの文章をさまざまな形式で段組表示できます。














2.目次設定
目次設定すると1.のタイトルが目次となります。
目次設定

3.ページ立て設定
ページ立て設定すると1.の段落ごとにページ立てされます。
ページ立て設定

4.ヘッダー(フッター)設定
ヘッダー設定すると、3.のページ立てごとにヘッダーが設定されます。

(入力文字を変えてみてください)

5.ページノンブル
ページノンブル設定すると3.のページ立てごとにノンブルが振られます。
ページノンブル設定

6.トンボ断ち落しマーク設定
トンボ断ち落し設定するとすべてのページにトンボ断ち落しマークが割り振られます。
トンボ断ち落し設定

7.用紙の選択
PDF書き出しの際の用紙の縦横を選択できます。
用紙の縦横設定

製本例