Règle @page de CSS

Définition et utilisation

CSS @page La règle est utilisée pour personnaliser la taille, l'orientation et la marge de la page d'impression.

Exemple

Personnalisation de la page d'impression :

@page :premier {
  marge-gauche: 40%;
  marge-haut: 50%;
}
@page :gauche {
  marge-gauche: 10%;
  marge-haut: 10%;
}
@page :droite {
  marge-gauche: 90%;
  marge-haut: 90%;
}

Essayez-le vous-même

Grammaire CSS

@page {
  marge: valeur;
  orientation de la page: valeur;
  taille: valeur;
}

Valeur de l'attribut

Valeur Description
marge Définir la marge extérieure de la page.
orientation de la page Définir l'orientation de la page.
taille Définir la taille et la direction de l'enveloppe cible du cadre de la page.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette règle @ pour la première fois.

Règle à Chrome Edge Firefox Safari Opera
@page 2 12 19 Non 6
@page: taille 15 79 95 Non 15
@page: orientation de la page 85 85 Non Non 71
@page: @top-left 131 Non pris en charge Non pris en charge Non pris en charge Non pris en charge
@page: @left-top 131 Non pris en charge Non pris en charge Non pris en charge Non pris en charge
@page: @top-right 131 Non pris en charge Non pris en charge Non pris en charge Non pris en charge
@page: @right-top 131 Non pris en charge Non pris en charge Non pris en charge Non pris en charge
@page: @top-center 131 Non pris en charge Non pris en charge Non pris en charge Non pris en charge
@page: @bottom-left 131 Non pris en charge Non pris en charge Non pris en charge Non pris en charge
@page: @left-bottom 131 Non pris en charge Non pris en charge Non pris en charge Non pris en charge