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 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 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

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

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