@page adalah at-rule CSS yang digunakan untuk memilih halaman di media paged (misalnya, buku). Ini biasanya digunakan bersama dengan pemilih untuk menentukan yang mana secara spesifik.

Ada tiga pemilih pseudo-class yang dapat digunakan dengan @page:: first,: left, dan: right. Seperti namanya,: first memilih halaman pertama,: left memilih semua halaman kiri (dalam dokumen dua sisi seperti buku cetak), dan: right memilih semua halaman kanan.

Aturan @page terdiri dari kata kunci “@page”, diikuti oleh pemilih halaman opsional (seperti pemilih pseudo-class), diikuti oleh blok yang berisi deklarasi dan at-rule. Komentar dan spasi diperbolehkan, tetapi opsional, antara token “@page” dan pemilih halaman dan antara pemilih halaman dan blok. Deklarasi dalam aturan @page dikatakan dalam konteks halaman. Pemilih halaman menentukan halaman mana yang diberlakukan deklarasi. Aturan @page tanpa daftar pemilih berlaku untuk setiap halaman. Aturan @page lainnya berlaku untuk halaman yang cocok dengan setidaknya salah satu pemilihnya.

Contoh penggunaan @page at-rule pada CSS:

 

Aturan @page digunakan untuk menentukan gaya untuk media paged, dan karena itu biasanya digunakan untuk menentukan atau mengubah CSS tertentu dari suatu dokumen ketika akan dicetak.

Dengan itu, penting untuk dicatat bahwa kalian tidak dapat mengubah semua properti CSS di dalam sebuah @rule. Margin halaman adalah properti yang paling banyak diubah di dalam @rule. Semua properti margin (margin-top, margin-right, margin-bottom, margin-left, dan margin) dapat diubah di dalam aturan @page. Berikut ini contoh sederhana yang menetapkan semua margin halaman di semua halaman:

 

Selain margin, kalian dapat memberi CSS orphans, widows, dan page break di dalam sebuah @rule. Properti lain akan diabaikan.

Konteks halaman tidak memiliki pengertian font, jadi em dan ex unit tidak diperbolehkan. Nilai persentase pada properti margin relatif terhadap dimensi halaman; untuk margin kiri dan kanan, mereka mengacu pada lebar halaman sementara untuk margin atas dan bawah, mereka mengacu pada ketinggian halaman. Semua unit lain yang terkait dengan properti 2,1 CSS masing-masing diperbolehkan (lihat entri <length> untuk nilai yang mungkin).

Karena margin negatif (baik pada halaman atau elemen) atau posisi absolut, beberapa konten mungkin berakhir di luar halaman, dan karena itu mendapatkan “cut” – oleh agen pengguna, printer, atau akhirnya, pemotong kertas.

Penulisan Offical Syntax