Les propriétés CSS page-break-before, page-break-after, page-break-inside

Description des propriétés page-break-before, page-break-after, page-break-inside.

Ces trois propriétés gèrent l'emplacement des sauts de page sur les documents imprimés.

Syntaxes pour page-break-before et page-break-after.

• page-break-before: auto;

  Valeur par défaut. Le navigateur détermine l'emplacement des sauts de page en fonction de la place disponible.

• page-break-before: always;

  Insère un saut de page forcé avant (page-break-before) ou après (page-break-after) l'élément.

• page-break-before: avoid;

  Évite les sauts de page avant ou après l'élément, dans la mesure du possible.

• page-break-before: left; page-break-before: right;

  Insère un ou deux sauts de page avant ou après l'élément, de façon à ce que la page suivante soit une page de gauche (avec un numéro pair) ou sur une page de droite (avec un numéro impair).

Syntaxes pour page-break-inside.

• page-break-inside: auto;

  Valeur par défaut. Le navigateur détermine l'emplacement des sauts de page en fonction de la place disponible.

• page-break-inside: avoid;

  Évite que l'élément ne soit coupé par un saut de page, dans la mesure du possible.

• page-break-before: initial; (auto) page-break-before: inherit; page-break-before: revert; page-break-before: revert-layer; page-break-before: revert-rule; page-break-before: unset;

  page-break-after: initial; (auto) page-break-after: inherit; page-break-after: revert; page-break-after: revert-layer; page-break-after: revert-rule; page-break-after: unset;

  page-break-inside: initial; (auto) page-break-inside: inherit; page-break-inside: revert; page-break-inside: revert-layer; page-break-inside: revert-rule; page-break-inside: unset;

  Consultez les pages suivantes pour plus de détails : initial, inherit, revert, revert-layer, revert-rule, unset.

Exemple interactif avec la propriété page-break-before.

Le simulateur ci-dessous ajoute une propriété page-break-before aux titres h2 de cette page. Pour voir le résultat vous devrez imprimer la page ou l'afficher en aperçu avant impression.

Compatibilité des navigateurs avec page-break-before.

Bien que ces propriétés soient relativement bien reconnues, elles ne sont plus standardisées. Dans le souci d'homogénéiser le comportement des différents navigateurs, le W3C a défini des propriétés plus générales (sauts de page, de colonne, ou de région), qui sont break-before, break-after et break-inside.

1

Propriété
page-break-before

2

Propriété
page-break-after

3

Propriété
page-break-inside

Estimation de la prise en charge globale.

96%

96%

96%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Safari

Safari sur IOS

Opéra

Samsung Internet

Chrome

Edge

Firefox

Chrome pour Androïd

Androïd Brower

Firefox pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Caniuse

Caniuse

Histoire de la propriété page-break-before.

• CSS 2.1 - Spécification concernant les feuilles de styles en cascade - Révision 1

  Ce niveau 2 de la spécification décrit le mécanisme des styles en cascade de CSS. Ce langage est utilisé pour formater les documents HTML ou XML. Il prend en charge les feuilles de style spécifiques aux médias afin que les auteurs puissent adapter la présentation de leurs documents aux navigateurs visuels, aux dispositifs auditifs, aux imprimantes, aux appareils braille, aux appareils portables, etc.

  Concernant page-break-before Introduction des propriétés page-break-before, page-break-after et page-break-inside dans la version 2.xx de CSS.
  

  04 Novembre 1997

  Document de travail.

  

  24 Mars 1998

  Proposé à la recommandation.

  

  11 Mai 1998

  Recommandation.

• Module CSS - Fragmentation - Niveau 3

  Concernant page-break-before Ce niveau de la spécification prévoit de remplacer les propriétés page-break... par les propriétés équivalentes break-....
  

  28 Février 2012

  Document de travail.

  

  14 Janvier 2016

  Candidat à la recommandation.

  

  

Voir aussi, au sujet des impressions.

Les spécifications CSS éditées par le W3C sont organisées en modules. Les propriétés relatives à l'impression, comme page-break-before et page-break-after, font partie du module Module CSS - Media paginé. Les définitions suivantes sont également décrites dans ce module.

Sélecteurs :

Propriétés :

Directives :