page-break-inside

Syntaxe

Paramètres

Description

Cette propriété permet de fixer le saut de page qui doit se produire à l'intérieur de l'élément spécifié.

Remarques

• Définition et rôle : La propriété page-break-inside contrôle si un saut de page peut ou non être inséré à l'intérieur d'un élément lors de l'impression. Elle est utile pour maintenir la continuité visuelle des blocs de contenu, tels que des tableaux ou des sections, en évitant qu'ils soient divisés entre deux pages.
• Conçu pour les impressions : Comme les autres propriétés liées aux sauts de page (page-break-before et page-break-after), page-break-inside est conçu pour les documents imprimables. Elle n'a aucun effet sur l'affichage à l'écran, sauf en mode "Aperçu avant impression".
• Applications typiques : Elle est souvent utilisée pour des éléments tels que les tableaux, les listes ou les sections longues. Par exemple, dans un tableau, page-break-inside: avoid; garantit qu'un tableau complet soit imprimé sur une seule page, à condition que sa taille le permette.
• Limites techniques : Si l'élément contenant ne peut pas tenir sur une seule page (par exemple, un tableau ou une image très grand), le navigateur Web ignorera la propriété page-break-inside: avoid; et insérera tout de même un saut de page. Cela montre les limites de cette propriété pour des contenus volumineux.
• Compatibilité des navigateurs : page-break-inside est largement supporté par les navigateurs modernes et les anciennes versions. Cependant, comme pour les autres propriétés de gestion de page, elle est progressivement remplacée par la propriété plus moderne break-inside, introduite dans les nouvelles spécifications CSS Fragmentation.
• Impact sur les éléments imbriqués : Lorsque page-break-inside: avoid; est appliqué à un élément parent, cela affecte également les éléments enfants. Cela signifie que tout le contenu interne sera considéré comme une seule unité pour l'impression, sans division possible.
• Usage recommandé dans les documents structurés : Cette propriété est particulièrement utile pour des documents comme des livres, des CV ou des rapports, où certaines sections doivent rester intactes. Par exemple, pour un bloc contenant une image légendée ou une citation importante, page-break-inside: avoid; permet de préserver leur intégrité.