page-break-after

Attention ! Cette propriété a été remplacée par la propriété break-after.

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

/* 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;

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.

Synonymes avec `break-after`

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

Si pour des raisons de compatibilité, on doit traiter page-break-after comme synonyme, on pourra utiliser le tableau de correspondance des valeurs suivant :

`page-break-after`	`break-after`
`auto`	`auto`
`left`	`left`
`right`	`right`
`avoid`	`avoid`
`always`	`page`

Syntaxe

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 à left. Si la page progresse de droite à gauche, elle est synonyme de right.

Syntaxe formelle

auto | always | avoid | left | right | recto | verso

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	État	Commentaires
CSS Logical Properties and Values 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.

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	pour chaque propriété individuelle de la propriété raccourcie : `visual`: Valeur introuvable dans la base de données `paged`: Valeur introuvable dans la base de données
Valeur calculée	comme spécifié
Type d'animation	discrète
Ordre canonique	l'ordre unique et non-ambigu défini par la grammaire formelle

Compatibilité des navigateurs

Update compatibility data on GitHub

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Firefox pour Android	Opera pour Android	Safari sur iOS	Samsung Internet
`page-break-after`	Chrome Support complet 1	Edge Support complet 12	Firefox Support complet 1 Notes Support complet 1 Notes Notes The values `avoid`, `left`, and `right` are unsupported.	IE Support complet 4	Opera Support complet 7	Safari Support complet 1.2	WebView Android Support complet 37	Chrome Android Support complet 18	Firefox Android Support complet 4 Notes Support complet 4 Notes Notes The values `avoid`, `left`, and `right` are unsupported.	Opera Android ?	Safari iOS Support complet 1	Samsung Internet Android Support complet 1.0

Légende

Support complet: Support complet
Compatibilité inconnue: Compatibilité inconnue
Voir les notes d'implémentation.: Voir les notes d'implémentation.