page-break-after,
page-break-before

Définit l'endroit où doivent être placés les sauts de page lors de l'impression du document.

Attention : ces sauts de page ne sont appliqué que lors de l'impression, ils ne sont pas visibles dans un navigateur visuel comme ils le sont dans les applications de traitement de texte; à l'écran, les contenus longs défilent sans interruption.

Le traitement correct des pages sur les imprimantes repose sur le concept CSS2 de la zone de page. Les propriétés de style relatifs aux sauts de page permettent au navigateur de contrôler le contenu exact de chaque zone de page. Sans intervention extérieure (ou si cette propriété a pour valeur auto), le navigateur divise les pages pour l'impression en plaçant autant de contenu sur chaque page que celle-ci peut en contenir.

Pour insérer un saut de page forcé avant un élément, vous devez utiliser la propriété page-break-before:always pour cet élément. De la même façon, pour insérer un saut de page forcé après un élément, vous utiliserez la propriété page-break-after:always.

Les valeurs left et right supposent que le navigateur est capable de différencier les pages de gauche des pages de droite pour l'impression recto verso (comme indiqué dans les spécifications CSS2). Comme vous définirez sans doute des marges différentes pour chaque côté de la gouttière, le paramétrage des sauts de page au début d'une nouvelle section nécessite l'insertion de sauts de page suffisants pour que chaque nouvelle section commence sur une nouvelle page.