Aturan @page CSS

Definisi dan penggunaan

CSS @page Aturan ini digunakan untuk mengesuaikan ukuran, arah dan margin halaman cetak.

Contoh

Halaman cetak yang disesuaikan:

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

Coba sendiri

Sintaks CSS

@page {
  margin: nilai;
  orientasi-halaman: nilai;
  ukuran: nilai;
}

Nilai atribut

Nilai Deskripsi
margin Tentukan margin halaman.
orientasi-halaman Tentukan arah halaman.
ukuran Tentukan ukuran dan arah blok kotak halaman yang dituju.

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang sepenuhnya mendukung aturan @ ini.

At-rule Chrome Edge Firefox Safari Opera
@page 2 12 19 No 6
@page: ukuran 15 79 95 No 15
@page: orientasi-halaman 85 85 No No 71
@page: @top-left 131 Tidak didukung Tidak didukung Tidak didukung Tidak didukung
@page: @left-top 131 Tidak didukung Tidak didukung Tidak didukung Tidak didukung
@page: @top-right 131 Tidak didukung Tidak didukung Tidak didukung Tidak didukung
@page: @right-top 131 Tidak didukung Tidak didukung Tidak didukung Tidak didukung
@page: @top-center 131 Tidak didukung Tidak didukung Tidak didukung Tidak didukung
@page: @bottom-left 131 Tidak didukung Tidak didukung Tidak didukung Tidak didukung
@page: @left-bottom 131 Tidak didukung Tidak didukung Tidak didukung Tidak didukung