page-break-after

La propriété CSS page-break-after permet d'ajuster les sauts de page placés après l'élément courant.

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 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
Médiavisuel, paged
Valeur calculéecomme spécifié
Animablenon
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntax

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

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 de left.
verso
Si la page progresse de gauche à droite, cette valeur est équivalente à leftt. Si la page progresse de droite à gauche, elle est synonyme de right.

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) Internet Explorer Opera Safari (WebKit)
Support simplee (auto, always) 1.0 1.0 (1.7 ou moins) 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) IE Phone Opera Mobile Safari Mobile
Support simple ? 1.0 (1.0) ? ? ?
avoid, left, right ? Pas de support (bug 132035) ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, Sebastianz, gmichard, ilaborie
 Dernière mise à jour par : SphinxKnight,