ホームページ作成の基礎からご提供するホームページ作成Space

印刷時に、page-break-before は要素の直前で、page-break-after は要素の直後で改ページします。mode には auto（既定値：自動）、always（常に改ページ）、avoid（改ページしない）、left（次ページが左ページとなるように改ページ）、right（次のページが右ページとなるように改ページ）、inherit（継承）のいずれかを指定します。次の例は、印刷時、すべての H1要素の前で強制的に改ページします。

H1 { page-break-before: always; }

要素の途中で改ページすることを禁止します。mode には avoid（改ページしない）、auto（既定値：自動）、inherit（継承）のいずれかで指定します。下記の例では、テーブルの途中での改ページを禁止します。

TABLE { page-break-inside: avoid; }

印刷時のページのサイズを、横幅 高さ、または、auto（プリンタに合わせて自動印字）、portrait（縦方向印字）、landscape（横方向印字）のいずれかを指定します。

@page { size: 21.0cm 29.7cm; }

印刷時につけるトンボを指定します。mark には、crop（裁断トンボ）、cross（調整トンボ）、none（既定値：無し）、inherit（継承）を指定可能です。

@page { marks: crop; }

あらかじめ定義しておいたページ設定の名前を参照します。

@page yoko { size: landscape; }
#xyz { page: yoko; }

orphans: はページ最下部の段落に最低限印字すべき行数を、widows: はページ最上部の段落に最低限印字すべき行数を指定します。既定値は両方とも 2です。例えば、あと 20行しか余白がない場合に 21行の段落を印字する場合、20行と 1行に分割すると、widows: 2; の制限に違反するので、19行と 2行に分割して印字されます。