English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle CSS @ (RULES)

大全 des attributs CSS

page CSS-break-Méthode d'utilisation et exemple de l'attribut inside

page-break-L'attribut inside CSS force ou interdit les sauts de page à l'intérieur des éléments. Cet attribut s'applique aux éléments générant des boîtes.BlocÉlément. Il ne s'applique pas à <p> vide, il ne génère pas de boîte vide.

Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :auto
Appliqué à :Élément en bloc
Héritage :Non
Animable :Non.Voir également Attributs d'animation
Version :CSS 2、3

page-break-Syntaxe de l'utilisation de inside

La syntaxe de cet attribut est la suivante :

page-break-inside: auto | avoid | initial | inherit

Les exemples suivants montrent comment utiliser page-break-Attribut inside

  @media print {
   ul {
    page-break-inside: avoid;      
   }
  }
Vérifiez ici‹/›

Les règles de style de l'exemple ci-dessus définissent le comportement de pagination pour éviter de diviser la liste non ordonnée en deux pages.

Note :ce page-break-L'attribut inside s'applique uniquement aux éléments racines outable-rowdans le flux régulier des élémentsBlocÉlément.

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

ValeurDescription
autoSi nécessaire, insérez un saut de page à l'intérieur de l'élément. C'est la valeur par défaut.
avoidÉvitez de paginer à l'intérieur des éléments.
initialRéinitialisez cet attribut à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la valeur page de son élément parent-break-Valeur de l'attribut inside

Compatibilité des navigateurs

page-break-insideFirefox ne prend pas en charge cet attribut.

  • Firefox (sans)

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.3+

  • Opera 7+

Avertissement :Évitez d'utiliser cet attribut, car il n'est pas bien supporté. Utilisez également le moins possible les sauts de page et évitez de les utiliser à l'intérieur des éléments de table avec bordure, des éléments flottants et des éléments en bloc.

Lisez davantage

Veuillez consulter les tutoriels suivants :Types de média CSS

Attributs associés :page-break-afterpage-break-before