Accueil    CSS    Propriété page-break-after
 



style css page-break-after  Style CSS page-break-after

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


La propriété page-break-after permet de définir la façon d'appliquer des sauts de page à la suite 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 après l'élément si celà est nécéssaire
   - always : un saut de page est systématiquement fait après l'élément
   - avoid : empêche si possible l'insertion d'un saut de page après 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-after :




Propriété Définition Valeurs CSS
page-break-after 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-after :





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