Propriété CSS page-break-after

La propriété page-break-after définit un saut de page après un élément.

Cette propriété ne s'applique pas aux éléments positionnés de manière absolue.

attention

La propriété page-break-after est remplacée par la propriété break-after.

Les navigateurs doivent traiter la propriété page-break-after comme un alias de break-after. Cela garantit que les sites utilisant la propriété page-break-after continuent de fonctionner comme prévu.

Valeur initiale	auto
S'applique à	Éléments de niveau bloc.
Héritée	Non.
Animable	Non.
Version	CSS2
Syntaxe DOM	object.style.pageBreakAfter = "avoid";

Syntaxe

Syntaxe CSS pour page-break-after

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

Vous pouvez insérer le code suivant avec page-break-after dans votre code CSS :

Exemple de code CSS pour page-break-after

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

Valeurs

Valeur	Description
auto	Autorise l'insertion de n'importe quel saut de page après l'élément.
avoid	Évite l'insertion de tout saut de page après l'élément.
always	Force l'insertion de n'importe quel saut de page après l'élément.
left	Insère un saut de page après l'élément de sorte que la page suivante soit formatée comme une page de gauche.
right	Insère un saut de page après l'élément de sorte que la page suivante soit formatée comme une page de droite.
initial	Définit cette propriété sur sa valeur par défaut.
inherit	Hérite cette propriété de son élément parent.

Remarque : Pour le développement web moderne, utilisez plutôt la propriété break-after, car page-break-after est dépréciée.

Pratique

Que fait la propriété 'page-break-after' en CSS ?

Elle applique un saut de page après un élément de niveau bloc.Elle change la couleur d'un élément de niveau bloc.Elle détermine la marge d'un élément.Elle est utilisée dans les médias paginés pour contrôler l'emplacement des sauts de page.Elle manipule l'alignement du texte à l'intérieur d'un élément de niveau bloc.