CSSブレークアフタープロパティ

<footer>要素の後に常にページ分割を挿入します。

@media print {
footer {
break-after: always;
}
}

定義と使用法

このbreak-afterプロパティは、指定された要素の後にページ分割、列分割、または領域分割を行うかどうかを指定します。

このbreak-afterプロパティは、CSS2プロパティを拡張します。page-break-after

を使用すると、プロパティが適用されbreak-afterた要素の後にページ、列、または領域を分割するようにブラウザに指示したりbreak-after 、要素が2つのページに分割およびスパンされないようにすることができます。

デフォルト値：	自動
遺伝性の：	いいえ
アニメート可能：	番号。アニメート可能について読む
バージョン：	CSS3
JavaScript構文：	object .style.breakAfter = "always"

表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。

Property
break-after	50.0	10.0	65.0	10.0	37.0

Value	Description
auto	Default. Automatic page/column/region break after the element
all	Always insert a page-break right after the principal box
always	Always insert a page-break after the element
avoid	Avoid a page/column/region break after the element
avoid-column	Avoid a column-break after the element
avoid-page	Avoid a page-break after the element
avoid-region	Avoid a region-break after the element
column	Always insert a column-break after the element
left	Insert one or two page-breaks after the element so that the next page is formatted as a left page
page	Always insert a page-break after the element
recto	Insert one or two page-breaks after the principal box so that the next page is formatted as a recto page
region	Always insert a region-break after the element
right	Insert one or two page-breaks after the element so that the next page is formatted as a right page
verso	Insert one or two page-breaks after the principal box so that the next page is formatted as a verso page
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

IDが「toc」（目次）の要素の後に常にページ分割を挿入します。

@media print {
#toc {
break-after: always;
}
}

リージョン内の<ul>要素の後に常にリージョンブレークを挿入します。

.region ul {
break-after: region;
}
}