Les pages affichées sur un écran n’ont pas de taille, elles peuvent être potentiellement infinies avec l’utilisation de la barre de défilement dans les navigateurs. Il en est tout autrement dans les pages imprimées. C’est à vous de déterminer où pourront s’afficher les sauts de page et les lignes solidaires dans les textes.
La propriété page-break-before des CSS 2.1 permet de déterminer la rupture de page avant l’élément ciblé par le sélecteur. Sur le même principe, vous avez la propriété page-break-after pour insérer une rupture après l’élément. Vous pouvez utiliser ces principales valeurs :
auto, valeur par défaut, qui permet de n’imposer aucun saut de page.
always applique toujours un saut de page.
avoid indique que les sauts de page sont interdits.
Nous pourrions parfaitement souhaiter avoir toujours des sauts de page avant les éléments <h1> et jamais après les éléments <h1>, <h2> et <h3>. Ce qui respecte les principes de lecture courants.
Voici les règles CSS utilisées :
h1 { page-break-before: always ; } h1, h2, h3 { page-break-after: avoid ; }
Il est souvent désagréable d’avoir un saut de page ...
Abonnement
tous les livres et vidéos ENI en illimité sans engagement
du livre imprimé ou du livre numérique