Halo teman-teman pada kesempatan kali ini saya akan mengenalkan Property @rule pada CSS.@page adalah CSS aturan yang digunakan untuk memilih halaman media paged contohnya buku. Hal ini biasanya digunakan untuk menentukan halaman khususnya yang harus dipilih.

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

Aturan @page terdiri dari kata kunciĀ  “@page”, diikuti dengan halaman pemilih opsional (seperti pemilih pseudo-class), diikuti oleh blok yang berisi deklarasi dan di-aturan. Komentar dan ruang putih diperbolehkan, tapi opsional, antara “@page” token dan halaman pemilih dan antara halaman selector dan blok.

Deklarasi dalam aturan @page dikatakan dalam konteks halaman. Halaman pemilih menentukan untuk halaman yang deklarasi berlaku. aturan @ Page tanpa daftar pemilih berlaku untuk setiap halaman. Aturan @page lainnya berlaku untuk laman yang cocok setidaknya satu dari pemilih mereka.

Contoh:

Aturan @page digunakan untuk menentukan gaya untuk media paged, dan karena itu biasanya digunakan untuk menentukan atau mengubah gaya tertentu dokumen saat itu adalah untuk diload.

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

Catatan:

Aturan @page didukung di semua browser utama: Chrome, Firefox 19+, Safari, Opera, dan Internet Explorer 8 +.

Mudah ya teman-teman. Semoga bermanfaat.