Propriété page-break-after

La propriété page-break-after définit les sauts de page placés après l'élément.

On ne peut pas utiliser cette propriété à un <div> vide ou aux éléments positionnés absolument.

La propriété page-break-after est remplacée par la propriété break-after.
Valeur initiale auto
Appliquée à Éléments du niveau bloc.
Héritée Non.
Animable Non.
Version CSS2
Syntaxe DOM object.style.pageBreakAfter = "avoid";

Syntaxe

page-break-after: auto | avoid | right | left | initial | inherit;

Exemple

@media print {
  footer {page-break-after: left;}
}

Valeurs

Valeur Description
auto Permet d'insérer n'importe quel saut de page après l'élément.
avoid Évite d'insérer n'importe quel saut de page après l'élément.
always Force à insérer n'importe quel saut de page après l'élément.
left Insère un saut de page après l'élément afin que la prochaine page soit mise en forme comme une page gauche.
right Insère un saut de page après l'élément afin que la prochaine page soit mise en forme comme une page droite.
initial Fait utiliser la valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

chrome edge firefox safari opera
1.0+ 12.0+ 1.0+ 1.2+ 7.0+

Pratiquez vos connaissances

Que fait la propriété 'page-break-after' en CSS ?
Trouvez-vous cela utile?