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.
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 | pour chaque propriété individuelle de la propriété raccourcie : |
| 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 |
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 deleft. verso- Si la page progresse de gauche à droite, cette valeur est équivalente à
left. Si la page progresse de droite à gauche, elle est synonyme deright.
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 | É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
Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | 1 | 12 | 11 | 4 | 7 | 1.2 |
| Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Support simple | ? | ? | Oui | 41 | ? | ? | ? |
1. The values avoid, left, and right are unsupported.