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.

Valeur initialeauto
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éenon
Médiapour 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éecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

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.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet 12Firefox Support complet 1
Notes
Support complet 1
Notes
Notes The values avoid, left, and right are unsupported.
IE Support complet 4Opera Support complet 7Safari Support complet 1.2WebView Android ? Chrome Android ? Edge Mobile Support complet OuiFirefox Android Support complet 4
Notes
Support complet 4
Notes
Notes The values avoid, left, and right are unsupported.
Opera Android ? Safari iOS ? Samsung Internet Android ?

Légende

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

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, ncoden, Sebastianz, gmichard, ilaborie
Dernière mise à jour par : SphinxKnight,