@page adalah aturan CSS yang digunakan untuk memilih halaman dalam media halaman (misalnya, sebuah buku). Biasanya digunakan bersamaan dengan pemilih untuk menentukan halaman mana yang akan dipilih.

Ada tiga penyeleksi pseudo-kelas 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-rules. Komentar dan ruang putih diizinkan, tetapi opsional, antara token “@page” dan pemilih halaman dan antara pemilih halaman dan blok. Deklarasi dalam aturan @page dikatakan berada dalam konteks halaman. Pemilih halaman menentukan halaman mana yang berlaku deklarasi. Aturan halaman @ tanpa daftar pemilih berlaku untuk setiap halaman. Aturan halaman lainnya berlaku untuk halaman yang cocok dengan setidaknya satu dari pemilihnya.

 

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

Dengan demikian, penting untuk dicatat bahwa Anda tidak dapat mengubah semua properti CSS di dalam aturan @. Margin halaman adalah properti yang paling banyak berubah di dalam aturan @. Semua properti margin (margin-top, margin-kanan, margin-bottom, margin-kiri, dan margin) dapat diubah di dalam aturan halaman @. Berikut adalah contoh sederhana yang menetapkan semua margin halaman pada semua halaman:

Selain margin, Anda dapat menata style orphans, widows, dan page breaks (see page-break-after, page-break-before, and page-break-inside) inside an @rule. Other properties will be ignored

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

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

Official Syntax

WhatsApp chat