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 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
Média	visuel, paged
Valeur calculée	comme spécifié
Animable	non
Ordre canonique	l'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.

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Support simple	1.0	19 (19) [1]	8.0	7.0	1.3 (312)

Fonctionnalité	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Support simple	?	19.0 (19) [1]	?	?	?

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