CSS : page-breakを使用してwebページの印刷の改ページの設定を行う

CSSにはWebページに関するプロパティがいくつかあり、そのなかの「改ページ」に関する設定について紹介します。

今回紹介するプロパティには「page-break-after」「page-break-before」「page-break-inside」があり、全て改ページの場所を指定するものになります。

これらを組み合わせて指定した位置で改ページを行えるようにするのが目的です。

page-breakのプロパティと値

• page-break-after : 指定した要素の直前で改ページを行います。
• page-break-before : 指定した要素の直後で改ページを行います。
• page-break-inside : 指定した要素内での改ページを指定します。

値には以下の三種類を入れることができます。

• auto : 改ページの指定を行わない(初期値)
• avoid : 改ページを禁止する
• always : 常に改ページを行う
• left/right : 指定した要素を左/右で改ページする

alwaysとleft/rightはpage-break-insideでは使用できません。