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 | visuel, paged |
| 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 | 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. |
Compatibilité des navigateurs
| Fonctionnalités | Chrome | Firefox (Gecko) | Edge | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
Support simplee (auto, always) |
1.0 | 1.0 (1.7 ou moins) | (Oui) | 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) | Edge | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | ? | 1.0 (1.0) | (Oui) | ? | ? | ? |
avoid, left, right |
? | Pas de support (bug 132035) | ? | ? | ? | ? |