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 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 | 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 : |
| 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
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.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
page-break-after | Chrome Support complet 1 | Edge Support complet 12 | Firefox
Support complet
1
| IE Support complet 4 | Opera Support complet 7 | Safari Support complet 1.2 | WebView Android Support complet 37 | Chrome Android Support complet 18 | Edge Mobile Support complet Oui | Firefox Android
Support complet
4
| 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.