page-break-after

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

Cette propriété s'applique aux éléments de blocs qui génèrent une boîte. Elle ne s'appliquera pas à un <div> qui ne génère pas de boîte.

Note : Cette propriété est en train d'être remplacée progressivement par la propriété break-after plus générique. Cette nouvelle propriété gère aussi les colonnes et les régions et elle est syntaxiquement compatible avec page-break-after.

Avant d'utiliser page-break-after, vérifiez si vous pouvez utiliser break-after. À l'avenir page-break-after ne sera plus qu'un simple alias pour certaines valeurs de break-after.

Valeur initiale	`auto`
Applicabilité	les éléments de bloc dans le flux normal de l'élément racine. Les agents utilisateurs peuvent également l'appliquer sur d'autres éléments comme `table-row`.
Héritée	non
Média	visuel, paged
Valeur calculée	comme spécifié
Animable	non
Ordre canonique	l'ordre unique et non-ambigu défini par la grammaire formelle

Syntax

/* Valeurs avec un mot-clé */
page-break-after: auto;
page-break-after: always;
page-break-after: avoid;
page-break-after: left;
page-break-after: right;
page-break-after: recto;
page-break-after: verso;

/* Valeurs globales */
page-break-after: inherit;
page-break-after: initial;
page-break-after: unset;

Valeurs

auto: Valeur initiale. Les sauts de page sont automatiques (ni forcés, ni interdits).
always: Le saut de page est toujours forcé après l'élément.
avoid: Les sauts de page sont évités après l'élément.
left: Le saut de page est forcé après l'élément afin que la prochaine page soit mise en forme comme une page gauche.
right: Le saut de page est forcé après l'élément afin que la prochaine page soit mise en forme comme une page droite.
recto: Si la page progresse de gauche à droite, cette valeur est équivalente à right. Si la page progresse de droite à gauche, elle est synonyme de left.
verso: Si la page progresse de gauche à droite, cette valeur est équivalente à leftt. Si la page progresse de droite à gauche, elle est synonyme de right.

Syntaxe formelle

auto | always | avoid | left | right

Exemples

/* On force une nouvelle page à la suite */
/* d'une note en bas de page             */
div.footnotes { 
  page-break-after:always; 
}

Spécifications

Spécification	Statut	Commentaires
CSS Logical Properties Level 1 La définition de 'recto and verso' dans cette spécification.	Brouillon de l'éditeur	Ajout des valeurs `recto` et `verso`.
CSS Paged Media Module Level 3 La définition de 'page-break-after' dans cette spécification.	Version de travail	Cette propriété peut désormais être étendues aux lignes de tableau et aux groupe de lignes de tableau.
CSS Level 2 (Revision 1) La définition de 'page-break-after' dans cette spécification.	Recommendation	Définition initiale.

Fonctionnalités	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Support simplee (`auto`, `always`)	1.0	1.0 (1.7 ou moins)	4.0	7.0	1.2 (125)
`avoid`, `left`, `right`	1.0	Pas de support (bug 132035)	4.0	7.0	1.2 (125)

Fonctionnalité	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Support simple	?	1.0 (1.0)	?	?	?
`avoid`, `left`, `right`	?	Pas de support (bug 132035)	?	?	?