page-break-after,
page-break-before

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 2

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.

Syntaxe CSS
page-break-after: Constante
page-break-before: Constante
Valeur(s) possible(s) pour cette propriété :

Depuis sa version 4, Internet Explorer reconnaît quatre constantes: always | auto | left | right (mais traite left et right comme always). Les spécifications CSS2 y ajoutent la valeur avoid, qui demande au navigateur d'éviter, dans la mesure du possible, de placer un saut de page dans un élément.

Valeur initiale

auto

Exemple
div.titlePage {page-break-before: always; page-break-after: always}
S'applique à 

Eléments de niveau bloc.

Javascript
[window.]document .getElementById("elementID") .style .pageBreakAfter
[window.]document .getElementById("elementID") .style .pageBreakBefore

page-break-before
page-break-after
page-break-inside
size
widows
orphan
marks
page




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu