Attribut page-break-inside de CSS

Définition et utilisation

L'attribut page-break-inside définit le comportement de page-break à l'intérieur de l'élément.

Bien que l'on puisse forcer l'insertion d'un symbole de page-break avec always, il n'est pas garanti d'éviter l'insertion de symboles de page-break, et les créateurs ne peuvent que demander à l'agent utilisateur de tenter d'éviter l'insertion.

Appliqué à :Éléments de bloc non flottants avec position relative ou statique.

Remarque :Utilisez le moins possible les attributs de pagination et évitez d'utiliser ces attributs dans les tableaux, les éléments flottants et les éléments de blocs avec bordure.

Voir également :

Manuel de référence HTML DOM :Attribut pageBreakInside

Exemple

Définir le comportement de pagination à éviter à l'intérieur de l'élément de tableau :

<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid;}
}
</style>
</head>
<body>
....
</body>
</html>

Syntaxe CSS

page-break-inside: auto|avoid|initial|hériter;

Valeur de l'attribut

Valeur Description
auto Par défaut. Insérer un symbole de page-break à l'intérieur de l'élément si nécessaire.
avoid Éviter l'insertion de symboles de page-break à l'intérieur de l'élément.
hériter Il est stipulé que la propriété page-break-inside doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : auto
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.pageBreakInside="avoid"

Support du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété en totalité.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 19.0 1.3 7.0