Senin, 25 Juni 2012

Memberi CSS Page Break untuk Ganti Halaman pada Print Halaman Web



Sebagai catatan saja. CSS mampu membuat agar suatu halaman web langsung ganti halaman. Hal ini sangat berguna misalnya kita akan mencetak halaman web yang mempunyai data yang sangat panjang, maka ketika di-print kita tidak bisa mengontrol pergantian halamannya di sebelah mana. Bisa jadi tabelnya terpotong di tengah-tengah data yang semestinya tidak terpotong. Solusinya kita "paksa" halaman yang terbentuk untuk dicetak agar sudah tertata beberapa tabel yang per tabelnya kira-kira tidak akan melebihi satu halaman. Kemudian di antara tabel-tabel tersebut kita beri CSS di bawah ini untuk "memaksa" agar ganti halaman (Page Break) pada bagian tersebut. 

CSS untuk Page Break (Ganti Halaman) :

<div style="page-break-before: always;"></div>

atau

.pagebreak { 
page-break-before: always; 
}

atau



@media print
{
table {page-break-after:always}
}
</style>

atau

<style type="text/css">
h1{
page-break-before: always;
}
</style>