Reguła @page w CSS

Definicja i użycie

CSS @page Reguła służy do określenia rozmiaru, kierunku i marginesów strony drukowanej.

Przykład

Customizacja strony drukowanej:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
margin Określa zewnętrzne marginesy strony.
page-orientation Określa kierunek strony.
size Określa docelowe rozmiary i kierunek bloku ramki strony.

Wsparcie przeglądarki

Liczby w tabeli wskazują na wersję przeglądarki, która w pełni obsługuje to @ regułę.

Reguła @ Chrome Edge Firefox Safari Opera
@page 2 12 19 Nie 6
@page: size 15 79 95 Nie 15
@page: page-orientation 85 85 Nie Nie 71
@page: @top-left 131 Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane
@page: @left-top 131 Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane
@page: @top-right 131 Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane
@page: @right-top 131 Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane
@page: @top-center 131 Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane
@page: @bottom-left 131 Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane
@page: @left-bottom 131 Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane