Sommaire

Les ruptures de lecture

1. Les Impression:saut de pagesauts de page

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 ;  
}
Impression:lignes solidaires

2. Les lignes solidaires

Il est souvent désagréable d’avoir un saut de page ...