Propriété CSS page-break-before

La propriété page-break-before définit un saut de page avant un élément.

attention

La propriété page-break-before est remplacée par la break-before propriété.

En général, les sauts de page s'appliquent aux médias paginés tels que les livres ou documents imprimés. Une fois qu'un saut de page se produit, la mise en page actuelle se termine et le contenu restant s'écoule vers la page suivante. Ce comportement est couramment observé dans les documents PDF.

La propriété page-break-before vous permet de spécifier si le contenu suivant doit commencer sur une page de gauche ou de droite. Vous pouvez utiliser la règle CSS @media pour définir les styles de saut pour les documents imprimés.

Valeur initiale	auto
S'applique à	Éléments de niveau bloc.
Hérité	Non.
Animable	Non.
Version	CSS2
Syntaxe DOM	object.style.pageBreakBefore = "left";

Syntaxe

Syntaxe CSS page-break-before

page-break-before: auto | always | avoid | left | right | recto | verso | initial | inherit;

Utilisez l'exemple de code ci-dessous pour définir un saut de page avant l'élément :

Exemple de code CSS page-break-before

@media print {
  h2 {
    page-break-before: right;
  }
}

Valeurs

Valeur	Description
auto	Autorise les sauts de page automatiques avant l'élément.
avoid	Empêche un saut de page de se produire avant l'élément.
always	Force un saut de page à se produire avant l'élément.
left	Insère un saut de page avant l'élément de sorte que la page suivante soit mise en forme comme une page de gauche.
right	Insère un saut de page avant l'élément de sorte que la page suivante soit mise en forme comme une page de droite.
recto	Insère un saut de page avant l'élément de sorte que la page suivante soit mise en forme comme une page de droite (équivalent à right).
verso	Insère un saut de page avant l'élément de sorte que la page suivante soit mise en forme comme une page de gauche (équivalent à left).
initial	Définit cette propriété sur sa valeur par défaut.
inherit	Hérite cette propriété de son élément parent.

Pratique

Quelle est la fonction de la propriété 'page-break-before' en CSS ?

Elle vous permet d'insérer un saut de page avant une boîte associée à l'élément.Elle vous permet d'insérer un saut de page après une boîte associée à l'élément.Elle spécifie comment un élément doit être affiché sur les pages, dans les médias paginés.Elle contrôle le comportement de la propriété 'display' en CSS.