Accueil    CSS    Propriété page-break-inside
 



style css page-break-inside  Style CSS page-break-inside

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


La propriété page-break-inside permet de définir la façon d'appliquer des sauts de page au sein 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).

Cette propriété n'est supportée que par opéra, contrairement aux propriétés page-break-after et page-break-before

Ses différentes valorisations sont :
   - auto : un saut de page est fait au sein de l'élément si celà est nécéssaire
   - avoid : empêche si possible l'insertion d'un saut de page au sein de l'élément

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-inside :




Propriété Définition Valeurs CSS
page-break-inside Permet de définir comment gérer les sauts de page au sein d'un élément lors d'une impression auto
avoid
inherit
CSS 2


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





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