CSS @page regel

Definition och användning

CSS @page Regeln används för att anpassa storlek, riktning och kantmarginal för utskriftssidor.

Exempel

Anpassad utskriftssida:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
margin Specificerar sidans kantmarginal.
page-orientation Specificerar riktningen för sidan.
size Specificerar mått och riktning för målområdet för sidoframen.

Webbläsarstöd

Tabellens siffror representerar den första webbläsarens version som fullständigt stöder @-regeln.

At-rule Chrome Edge Firefox Safari Opera
@page 2 12 19 Nej 6
@page: size 15 79 95 Nej 15
@page: page-orientation 85 85 Nej Nej 71
@page: @top-left 131 Stödjer inte Stödjer inte Stödjer inte Stödjer inte
@page: @left-top 131 Stödjer inte Stödjer inte Stödjer inte Stödjer inte
@page: @top-right 131 Stödjer inte Stödjer inte Stödjer inte Stödjer inte
@page: @right-top 131 Stödjer inte Stödjer inte Stödjer inte Stödjer inte
@page: @top-center 131 Stödjer inte Stödjer inte Stödjer inte Stödjer inte
@page: @bottom-left 131 Stödjer inte Stödjer inte Stödjer inte Stödjer inte
@page: @left-bottom 131 Stödjer inte Stödjer inte Stödjer inte Stödjer inte