Accueil    CSS    Propriété page-break-before
 



style css page-break-before  Style CSS page-break-before

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété page-break-before permet de définir la façon d'appliquer des sauts de page avant l'affichage d'un élément html lors d'une impression du document. Elle ne peut pas être employée si l'élément est positionné de manière absolue (style position:absolute).

Ses différentes valorisations sont :
   - auto : un saut de page est fait avant l'élément si celà est nécéssaire
   - always : un saut de page est systématiquement fait avant l'élément
   - avoid : empêche si possible l'insertion d'un saut de page avant l'élément
   - left : pour l'impression recto verso, effectue des sauts de page jusqu'à arriver sur une page gauche
   - right : pour l'impression recto verso, effectue des sauts de page jusqu'à arriver sur une page droite

Pour définir une feuille de style spécifique à l'impression dans une page html, il suffit de préciser l'attribut media :

<link rel="stylesheet" type="text/css" href="style.css" media="print" />



Propriétés pour le style page-break-before :




Propriété Définition Valeurs CSS
page-break-before Permet de définir comment gérer les sauts de page après un élément lors d'une impression auto
always
avoid
left
right
inherit
CSS 2


Exemple d'utilisation du style css page-break-before :





Exemple de paragraphe provoquant un saut de page avant et après son apparition :

<p style="page-break-before:always; page-break-after:always;">
Ce paragraphe force un saut de page :
<br />    - avant qu'il ne commence
<br />    - après qu'il se termine
<br />Il se trouve ainsi seul sur la seconde page du document.
</p>



Afficher l'exemple