Mise en page à l'impression et sauts de page

@page size

propriétés gérées:
break-after, break-before, break-inside, page, size, orphans, widows
dimensions @page

Pour définir un format de page, on utilise le sélecteur @page :

La propriété size peut prendre les valeurs suivantes :

On peut attribuer des marges à la page au moyen du bouton marges.

Nom de page

En attribuant à @page un identifiant - dans l'exemple ci-dessous italienne- vous pouvez créer une mise en page spéciale. Vous faites référence à cette mise en page en mettant l'identifiant dans la zone "nom de page" (propriété page).

Exemple:

<style type="text/css">
@page italienne { size:landscape; }
div.recapitulatif {page:italienne; ... autres CSS...}
</style>

Effacer réinitialiser les réglages de styles

Cliquez ce bouton pour effacer les réglages présents.

Sauts de page

Les propriétés page-break-before, page-break-after… ayant le même usage ne sont donc plus gérées.

sauts de pages

break-after

break-after spécifie si un saut de page, un saut de colonne ou un saut de région doit être effectué après l'élément.

break-before

break-before spécifie si un saut de page, un saut de colonne ou un saut de région doit être effectué avant l'élément.

break-inside

break-inside spécifie si un saut de page, un saut de colonne ou un saut de région doit être effectué à l'intérieur de l'élément.

Valeurs de rupture
ValeurUsage
autoValeur initiale qui ne force ni n'interdit de rupture (de page, de colonne ou de région) avant la boîte.
allForce la rupture juste avant la boîte principale. La rupture a lieu pour l'ensemble des contextes de fragmentation. Ainsi si l'élément concerné est dans un conteneur multi-colonnes dans un média paginé, il y aura une rupture de colonne et une rupture de page.
alwaysForce la rupture juste avant la boîte principale. Le type de rupture dépend du contexte de fragmentation englobant l'élément. Si l'élément est situé dans un conteneur multi-colonne, une rupture de colonne sera ajoutée. Si l'élément est situé dans un média paginé (mais pas dans un conteneur multi-colonnes), la rupture introduite sera une rupture de page.
avoidEmpêche toute rupture (de page, de colonne ou de région) avant la boîte.
avoid-pageEmpêche toute saut de page avant la boîte de l'élément.
pageForce un saut de page avant la boîte de l'élément
leftForce un ou deux saut de page avant la boîte de l'élément afin que la prochaine page soit une page gauche.
rectoForce un ou deux sauts de page avant la boîte de l'élément afin que la prochaine page soit une page recto (une page droite pour le sens de lecture gauche à droite et une page gauche pour le sens de lecture droite à gauche).
rightForce un ou deux saut de page avant la boîte de l'élément afin que la prochaine page soit une page droite.
versoForce un ou deux sauts de page avant la boîte de l'élément afin que la prochaine page soit une page verso (une page gauche pour le sens de lecture gauche à droite et une page droite pour le sens de lecture droite à gauche).
avoid-columnEmpêche toute rupture de colonne avant la boîte de l'élément.
columnForce une rupture de colonne de page avant la boîte de l'élément.
regionForce une rupture de région avant la boîte de l'élément.
avoid-regionEmpêche toute rupture de région avant la boîte de l'élément.

Orphelins et veuves

A l'impression, un paragraphe peut se retrouver scindé sur une page et la page suivante :

Le réglage par défaut est 2.