Recherche…


Syntaxe

  • page-break-after: auto | toujours | éviter | à gauche | droit | initiale | hériter;
  • page-break-before: auto | toujours | éviter | à gauche | droit | initiale | hériter;
  • page-break-inside: auto | éviter | initiale | hériter;

Paramètres

Valeur La description
auto Défaut. Saut de page automatique
toujours Toujours insérer un saut de page
éviter Évitez le saut de page (si possible)
la gauche Insérer des sauts de page afin que la page suivante soit formatée en tant que page de gauche
droite Insérer des sauts de page afin que la page suivante soit formatée comme une page de droite
initiale Définit cette propriété sur sa valeur par défaut.
hériter Hérite cette propriété de son élément parent.

Remarques

Il n'y a pas de propriété de saut de page dans CSS. Seules les 3 propriétés ( page-break-before , page-break-after , page-break-inside ).

Connexes: orphans , widows .

Médias imprimer page-pause

@media print {
  p {
    page-break-inside: avoid;
  }
  h1 { 
    page-break-before: always;
  }
  h2 {
    page-break-after: avoid;
  }
}

Ce code fait 3 choses:

  • il empêche un saut de page à l'intérieur de balises p, ce qui signifie qu'un paragraphe ne sera jamais divisé en deux pages, si possible.
  • il force un saut de page avant dans tous les en-têtes h1, ce qui signifie qu'avant chaque occurrence de h1, il y aura un saut de page.
  • il empêche les sauts de page juste après un h2


Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow