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.

css
/* 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.

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 de left.

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 de right.

Définition formelle

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
Valeur calculéecomme spécifié
Type d'animationdiscrète

Syntaxe formelle

page-break-after = 
auto |
always |
avoid |
left |
right |
inherit

Exemples

css
/* 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

Voir aussi