CSS @page sääntö

Määrittely ja käyttö

CSS @page Säännöt määrittävät mukautetun tulostussivun koosta, suunnasta ja reunuksista.

Esimerkki

Mukautettu tulostussivu:

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

Kokeile itse

CSS syntaksi

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

ominaisuusarvo

arvo kuvaus
margin Määrittää sivun ulkoreunusten marginaalin.
page-orientation Määrittää sivun suunnan.
size Määrittää tavoitetilan sivuruudun kohteen koosta ja suunnasta.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen täysin tukevan @-säännön selaimen version.

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