Il n'y a pas de page-breakpropriété réelle dans CSS. Il est en fait un ensemble de 3 propriétés: page-break-before, page-break-afteret page-break-inside. Ces propriétés aident à définir comment le document est censé se comporter lors de l'impression. Par exemple, pour rendre un document imprimé plus semblable à un livre.
Propriétés
saut de page avant
La page-break-beforepropriété ajoute un saut de page avant l'élément auquel elle est appliquée.
Remarque : cette propriété est en cours de remplacement par la break-beforepropriété plus générique . Cette nouvelle propriété gère également les sauts de colonne et de région tout en étant compatible syntaxiquement avec page-break-before. Ainsi, avant d'utiliser page-break-before, vérifiez si vous pouvez utiliser à la break-beforeplace.
Un cas d'utilisation courant pour cela est de l'appliquer au sélecteur #commentsafin qu'un utilisateur imprimant une page avec des commentaires puisse facilement choisir d'imprimer tout le document mais s'arrêter avant les commentaires proprement.
saut de page après
La page-break-afterpropriété ajoute un saut de page après l'élément auquel elle est appliquée.
Remarque : cette propriété est en cours de remplacement par la break-afterpropriété plus générique . Cette nouvelle propriété gère également les sauts de colonne et de région tout en étant compatible syntaxiquement avec page-break-after. Ainsi, avant d'utiliser page-break-after, vérifiez si vous pouvez utiliser à la break-afterplace.
saut de page à l'intérieur
La page-break-insidepropriété ajoute un saut de page à l'intérieur de l'élément auquel elle est appliquée.
Syntaxe
page-break-after : auto | always | avoid | left | right page-break-before : auto | always | avoid | left | right page-break-inside : auto | avoidLes leftet rightvaleurs page-break-beforeet se page-break-afterréférer à une mise en page de diffusion (comme un livre) où il y a à gauche distincts et pages de droite. Ils fonctionnent comme ceci:
leftforce un ou deux sauts de page après l'élément afin que la page suivante soit formatée comme une page de gauche.rightforce un ou deux sauts de page après l'élément afin que la page suivante soit formatée comme une page de droite.
Considérez alwayscomme un mélange des deux. La spécification dit:
Un agent utilisateur conforme peut interpréter les valeurs «gauche» et «droite» comme «toujours».
Exemple
@media print ( h2 ( page-break-before: always; ) h3, h4 ( page-break-after: avoid; ) pre, blockquote ( page-break-inside: avoid; ) )Cet extrait de code fait 3 choses:
- cela force un saut de page avant tous les
h2titres (peut-être que les balises h2 dans votre document sont des titres de chapitre qui méritent une nouvelle page) - il empêche les sauts de page juste après les sous-titres car cela semble étrange
- il empêche les sauts de page dans les
prebalises et les guillemets au niveau des blocs
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Tout | Tout | Tout | 7+ | 4+ | À déterminer | À déterminer |
Vous pouvez imprimer à partir d'appareils mobiles, comme AirPrint sur iOS, mais nous n'avons pas beaucoup testé. Si quelqu'un a des données sur l'assistance, faites-le nous savoir.