CSS @page regel

Definitie en gebruik

CSS @page De regel wordt gebruikt om de afmetingen, richting en marges van de aangepaste afdrukpagina te personaliseren.

Voorbeeld

Aangepaste afdrukpagina:

@page :first {
  margin-left: 40%;
  margin-top: 50%;
}
@page :left {
  margin-left: 10%;
  margin-top: 10%;
}
@page :right {
  margin-left: 90%;
  margin-top: 90%;
}

Probeer het zelf uit

CSS syntaxis

@page {
  margin: value;
  page-orientation: value;
  size: value;
}

Eigenschapswaarde

Waarde Beschrijving
margin Specificeer de buitensporen van de pagina.
page-orientation Specificeer de richting van de pagina.
size Specificeer de doelafmetingen en -richtingen van de paginaframe-container.

Browserondersteuning

De cijfers in de tabel geven de browserversie aan die de @ regel volledig ondersteunt.

At-rule Chrome Edge Firefox Safari Opera
@page 2 12 19 Nee 6
@page: size 15 79 95 Nee 15
@page: page-orientation 85 85 Nee Nee 71
@page: @top-left 131 Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund
@page: @left-top 131 Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund
@page: @top-right 131 Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund
@page: @right-top 131 Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund
@page: @top-center 131 Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund
@page: @bottom-left 131 Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund
@page: @left-bottom 131 Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund