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
Expérimental-
Si la page progresse de gauche à droite, cette valeur est équivalente à
right
. Si la page progresse de droite à gauche, elle est synonyme deleft
. verso
Expérimental-
Si la page progresse de gauche à droite, cette valeur est équivalente à
left
. Si la page progresse de droite à gauche, elle est synonyme deright
.
Définition formelle
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 |
Valeur calculée | comme spécifié |
Type d'animation | discrète |
Syntaxe formelle
Exemples
/* On force une nouvelle page à la suite */
/* d'une note en bas de page */
div.footnotes {
page-break-after: always;
}
Spécifications
Specification |
---|
CSS Logical Properties and Values Level 1 # page |
CSS Paged Media Module Level 3 # page-break-after |
Compatibilité des navigateurs
BCD tables only load in the browser