CSS @page regel

Definisjon og bruk

CSS @side Regelen brukes til å tilpasse størrelse, retning og kantlinje for utskriftssiden.

Eksempel

Tilpasset utskriftsside:

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

Prøv selv

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
margin Angir sidens kantlinje.
side-orientation Angir retningen for siden.
size Angir mål størrelse og retning for målrammen til sidens boks.

Nettleserstøtte

Tallene i tabellen viser den første nettleseren som fullt ut støtter denne @-regelen.

Regel Chrome Edge Firefox Safari Opera
@side 2 12 19 Nei 6
@side: size 15 79 95 Nei 15
@side: side-orientation 85 85 Nei Nei 71
@side: @top-left 131 Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet
@side: @left-top 131 Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet
@side: @top-right 131 Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet
@side: @right-top 131 Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet
@side: @center-top 131 Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet
@page: @bottom-left 131 Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet
@page: @left-bottom 131 Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet