Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Directive @page

@page est un sélecteur du langage CSS. Il désigne la page imprimée, ce qui permet de définir les paramètres de mise en page pour l'impression : marges, orientation du papier, etc.

Description du sélecteur @page.

@page est un sélecteur pour définir certains paramètres d'impression. Il peut être utilisé seul ou en combinaison avec les pseudo-classes :first (première page), :left (pages de gauche) et :right (pages de droite). Les pages de gauche sont censées avoir des numéros impairs, et les pages de droite avoir des numéros pairs.

Toutes les propriétés CSS ne peuvent pas être appliquées au sélecteur @page. Voici la liste des propriétés applicables à @page :

  • size : dimensions et orientation de la page.
  • margin : marges autour de la page.
  • padding : marges intérieures autour de la page.

Enfin, d'autres propriétés sont théoriquement applicables au sélecteur @page mais sont très peu prises en compte par les navigateurs.

  • border : bordures autour de la page.
  • background : couleur ou texture en fond de page. Par défaut les navigateurs n'impriment pas les textures ou les couleurs d'arrière-plan. Reportez-vous à la propriété color-adjust pour plus de précisions sur ce sujet.
  • marks : marques de coupure ou d'alignement.
  • bleed :

Remarque : ce sélecteur est pour le moment très mal géré par l'ensemble des navigateurs.

Exemples.

L'effet des propriétés CSS associées à @page n'est pas visible sur l'écran : vous devrez imprimer la page ou au moins l'afficher en aperçu avant impression. Cette page comporte les styles CSS suivants :

Voir aussi...

Impression - Propriétés.

  • bleed :
  • break-after : Interdit ou impose des sauts (page, colonne...) après l'élément.
  • break-before : Interdit ou impose des sauts (page, colonne...) avant l'élément.
  • break-inside : Définit si les sauts de colonne, de page, etc. sont permis dans l'élément.
  • color-adjust : Autorise ou non le navigateur à optimiser les couleurs
  • orphans : Gestion des coupures en bas de page.
  • size : Dimensions et orientation des pages imprimées.
  • widows : Gestion des ruptures en haut de page.