Coupe une chaîne en segments
Découvrez comment la propriété CSS page-break-inside peut vous aider à éviter les coupures indésirables de page lors de l'impression de vos documents.
La propriété CSS page-break-inside permet de définir comment un élément doit être traité lorsqu'il est coupé par une page imprimée.
La propriété page-break-inside spécifie si un élément doit être coupé lorsqu'il est imprimé sur plusieurs pages. Elle peut être utilisée pour éviter qu'un élément important soit coupé en deux, ou pour forcer un élément à être coupé en deux pages distinctes.
La syntaxe générale de la propriété page-break-inside est la suivante :
page-break-inside: auto;
page-break-inside: avoid;
page-break-inside: initial;
page-break-inside: inherit;
Valeurs par défaut | auto |
---|---|
Inherited: | non |
Animable : | non En savoir plus sur l'animable |
Version: | CSS2 |
Syntaxe JavaScript: | object.style.pageBreakInside="avoid" |
Les valeurs possibles pour la propriété page-break-inside sont les suivantes :
Voici quelques astuces et conseils pour utiliser au mieux la propriété page-break-inside :
Voici un exemple d'utilisation de la propriété page-break-inside pour éviter la coupure d'un titre :
<style> .titre { page-break-inside: avoid; font-size: 24px; font-weight: bold; } </style> <div class="titre">Titre important</div> <p>Texte du paragraphe...</p>
Dans cet exemple, la propriété page-break-inside est utilisée pour empêcher la coupure du titre "Titre important" par une page imprimée. La valeur "avoid" est utilisée pour indiquer que l'élément ne doit pas être coupé. Le titre est ensuite stylisé avec une taille de police plus grande et un poids de police plus important pour le mettre en évidence.
Explorateur | |||||
---|---|---|---|---|---|
Verssion | 1 | 8 | 19 | 1.3 | 7 |