page-break-inside

La propriété page-break-inside ajuste la façon dont sont appliqués les sauts de page au sein de l'élément courant.

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é
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Valeurs avec un mot-clé */
page-break-inside: auto;
page-break-inside: avoid;

/* Valeurs globales */
page-break-inside: inherit;
page-break-inside: initial;
page-break-inside: unset;

Valeurs

auto
Valeur initiale. Les sauts de page sont automatiques (ni forcés, ni interdits).
avoid
L'agent utilisateur évite d'insérer un saut de page au sein de l'élément.

Syntaxe formelle

auto | avoid

Exemples

/* Si on veut éviter d'avoir des sauts */
/* de page dans les paragraphes        */

p {
  page-break-inside: avoid;
} 

Spécifications

Spécification Statut Commentaires
CSS Paged Media Module Level 3
La définition de 'page-break-inside' dans cette spécification.
Version de travail Permet d'appliquer cette propriété sur plus d'éléments.
CSS Level 2 (Revision 1)
La définition de 'page-break-inside' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari (WebKit)
Support simple 1.0 19 (19) [1] (Oui) 8.0 7.0 1.3 (312)
Fonctionnalité Android Firefox Mobile (Gecko) Edge IE Phone Opera Mobile Safari Mobile
Support simple ? 19.0 (19) [1] (Oui) ? ? ?

[1] Jusqu'à Firefox 25, page-break-inside: avoid ne fonctionnait pas avec la hauteur d'un bloc.

Voir aussi

Étiquettes et contributeurs liés au document

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