page-break-after, page-break-before | NN 7 IE 4 CSS 2 |
Hérité: non | |
Définit l'endroit où doivent être placés les sauts de page lors de l'impression du document. Les sauts de page 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 (zone rectangulaire qui atteint en fin de compte une page imprimée). Les attributs 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 cet attribut 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 définir l'attribut 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 définirez l'attribut page-break-after:always. Par exemple, si vous voulez placer un saut de page après une classe d'éléments br particulière, vous pouvez définir la règle de style de sélecteur de classe suivante: Puis, aux endroits où vous voulez insérer un saut de page forcé, insérez la balise suivante: Les attributs 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. Par exemple, si vous voulez que chaque élément h1 commence sur une page de droite, vous définirez le style de saut de page suivant: Cet attribut force le navigateur à insérer au moins un saut de page et au plus deux avant l'élément h1 afin que cette section commence sur une page de droite. Lorsque le navigateur génère un second saut de page avant la valeur left ou right, il crée une zone de page vide L'implémentation de ces attributs est limitée. Elle donne certains résultats dans IE 4, mais vous devriez vous orienter vers IE 5 ou une version supérieure. Même dans ce cas, les seuls paramètres pris en charge pour les versions récentes d'IE et de Netscape 7 sont always et auto (ou vous pouvez attribuer une chaîne vide via un script pour leur appliquer le même fonctionnement qu'à la valeur avoid de CSS). |
|
Syntaxe CSS | |
page-break-after: breakType page-break-before: breakType |
|
Valeur | |
Internet Explorer 4 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. |
|
Référence de modèle d'objet | |
[window.]document.getElementById("elementID").style.pageBreakAfter [window.]document.getElementById("elementID").style.pageBreakBefore |