7/25/2019 Cara Membagi Halaman Hasil Cetak Printer Dengan Css

1/2

Beranda>> CSS/CSS3>> Cara Membagi halaman hasil cetak printer dengancss

Cara Membagi halaman hasil cetak printer dengancss

Jika kita mencetak sebuah halaman web yang isinya panjang, biasanyahasil cetaknya bersambung menjadi beberapa halaman yang tidak pasti bagian-bagianya. Bisa

saja satu halaman terdiri dari beberapa bagian bahasan atau format yang berbeda sehinggamenyulitkan kita untuk membaca ataupun mengarsipkanya.

Jika anda seorang pengembang aplikasi web, ini juga sering terjadi pada saat anda membuatlaporan yang berisi sebuah daftar yang menampilkan banyak record. Jika dicetak pasti hasilnyatidak konsisten jumlahnya bisa halaman pertama 10, halaman berikutnya 12 dan seterusnya. Danbanyak lagi contoh lainya.

Untuk itu kita bisa menggunakan perintah css, agar hasil cetaknya lebih rapi dan konsiten padasetiap halamanya. Silahkan gunakan kode berikut pada halaman html/css anda.

.page-break { display:block; page-break-before:always; }

Kemudian tambahkan kode berikut pada setiap bagian yang ingin dipisah halaman cetaknya.

Dengan kode diatas otomatis pada saat sebuah halaman web kita cetak maka akan dipisah kehalaman berikutnya.

Semoga bermanfaat.

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

13 Juni 2012 Ditulis oleh : Zainal Hakim Hits : 7365

Komentar

Halaman Lainya

Membuat efek gambar di blog dengan cssCSS sangat felxibel bisa digunakan untuk banyak keperluan, berbagai media, semua platform dan semua sistem

pengelola konten (wordpress, blogger, joomla dll). Penggunaanya juga sangat mudah sehingga kita bisa brekreasi

dengan tulisan maupun gambar. Kali ini saya akan berbagi cara bagaimana menyisipkan efek gambar dengan css

pada blogger.

Tweet

Ajax (2) CSS/CSS3 (31) Design Grafis(11)

HTML/HTML5(16)

Islami (5) Javascript (4)

JQuery (3) Kode Program(23)

Koleksi Gambar(4)

Komputer (18) MySQL (17) PHP (62)

Kategori

Home Artikel PHP Script PHP Artikel CSS Download Video Tutorial All Post

CloudHosting MurahPromo shared, reseller hosting,blog Dedicated,cloud, IIX, cpanel

1

Share

http://www.zainalhakim.web.id/posting/ajax/http://www.zainalhakim.web.id/http://www.zainalhakim.web.id/posting/css/http://www.zainalhakim.web.id/http://googleads.g.doubleclick.net/aclk?sa=l&ai=CZeNa7EemVe-sK4qVogOSwJyQA-DwyPUHqLLgi6UBwI23ARABII2rviRg6YKAgOQNoAHo1YDgA8gBAakC6fWU42-Z1D2oAwHIA8MEqgS_AU_QvlGIpBbDsCglBsMQKBkXp7BQq-MNZ-_wm5ALp1ISFkmsj_FCUgtKEx7kez0JhgdVD9fXzQWm_qmgYAiSRHuNi2fCWC4WhOXmcjmeCxiHJT_bcgno7UI-t-3K44RSzsjZ5ndojdzQADxodsEO731w-ZeqSqMguJ-0Tsb8FDbEsW8M4z2iuXK2fu6NF0yhdutXWLDSOOlf-wLdhWBLqi9RovCBNuP-3lsv_ZwZtgOqMKKy-R8aRqs95eKxpoRx2AYCgAeAqv8fqAemvhvYBwE&num=1&sig=AOD64_1dpA7HCcdMnbuuxfT5yBZ2ZKIfDg&client=ca-pub-3918309051850693&adurl=http://www.ardhosting.com/linux_hosting_murah.phphttp://www.zainalhakim.web.id/http://www.zainalhakim.web.id/posting/html/http://www.zainalhakim.web.id/posting/islami/http://www.zainalhakim.web.id/posting/javascript/http://www.zainalhakim.web.id/posting/komputer/http://www.zainalhakim.web.id/posting/html/http://www.zainalhakim.web.id/download/http://www.zainalhakim.web.id/posting/mysql/http://www.zainalhakim.web.id/posting/kodeprogram/https://twitter.com/sharehttp://googleads.g.doubleclick.net/aclk?sa=l&ai=CZeNa7EemVe-sK4qVogOSwJyQA-DwyPUHqLLgi6UBwI23ARABII2rviRg6YKAgOQNoAHo1YDgA8gBAakC6fWU42-Z1D2oAwHIA8MEqgS_AU_QvlGIpBbDsCglBsMQKBkXp7BQq-MNZ-_wm5ALp1ISFkmsj_FCUgtKEx7kez0JhgdVD9fXzQWm_qmgYAiSRHuNi2fCWC4WhOXmcjmeCxiHJT_bcgno7UI-t-3K44RSzsjZ5ndojdzQADxodsEO731w-ZeqSqMguJ-0Tsb8FDbEsW8M4z2iuXK2fu6NF0yhdutXWLDSOOlf-wLdhWBLqi9RovCBNuP-3lsv_ZwZtgOqMKKy-R8aRqs95eKxpoRx2AYCgAeAqv8fqAemvhvYBwE&num=1&sig=AOD64_1dpA7HCcdMnbuuxfT5yBZ2ZKIfDg&client=ca-pub-3918309051850693&adurl=http://www.ardhosting.com/linux_hosting_murah.phphttp://www.zainalhakim.web.id/posting/php/http://www.zainalhakim.web.id/belajar-lewat-video.htmlhttp://www.zainalhakim.web.id/posting/komputer/http://www.zainalhakim.web.id/posting/ajax/http://www.zainalhakim.web.id/http://www.zainalhakim.web.id/http://www.zainalhakim.web.id/posting/membuat-efek-gambar-di-blog-dengan-css.htmlhttp://www.zainalhakim.web.id/posting/jquery/http://googleads.g.doubleclick.net/aclk?sa=l&ai=CZeNa7EemVe-sK4qVogOSwJyQA-DwyPUHqLLgi6UBwI23ARABII2rviRg6YKAgOQNoAHo1YDgA8gBAakC6fWU42-Z1D2oAwHIA8MEqgS_AU_QvlGIpBbDsCglBsMQKBkXp7BQq-MNZ-_wm5ALp1ISFkmsj_FCUgtKEx7kez0JhgdVD9fXzQWm_qmgYAiSRHuNi2fCWC4WhOXmcjmeCxiHJT_bcgno7UI-t-3K44RSzsjZ5ndojdzQADxodsEO731w-ZeqSqMguJ-0Tsb8FDbEsW8M4z2iuXK2fu6NF0yhdutXWLDSOOlf-wLdhWBLqi9RovCBNuP-3lsv_ZwZtgOqMKKy-R8aRqs95eKxpoRx2AYCgAeAqv8fqAemvhvYBwE&num=1&sig=AOD64_1dpA7HCcdMnbuuxfT5yBZ2ZKIfDg&client=ca-pub-3918309051850693&adurl=http://www.ardhosting.com/linux_hosting_murah.phphttp://www.zainalhakim.web.id/posting/css/http://www.zainalhakim.web.id/all-post/http://www.zainalhakim.web.id/posting/islami/http://www.zainalhakim.web.id/posting/kodeprogram/http://www.zainalhakim.web.id/posting/seo/http://www.zainalhakim.web.id/posting/design/http://www.zainalhakim.web.id/posting/php/http://www.zainalhakim.web.id/posting/teknologi/http://www.zainalhakim.web.id/posting/css/https://plus.google.com/104134269043100282765http://www.zainalhakim.web.id/http://www.zainalhakim.web.id/posting/software/http://www.zainalhakim.web.id/posting/gambar/http://www.zainalhakim.web.id/posting/css/http://www.zainalhakim.web.id/posting/javascript/

7/25/2019 Cara Membagi Halaman Hasil Cetak Printer Dengan Css

2/2

147 Nama warna dalam cssSebelumnya saya menulis tentang 6 cara penulisan warna dalam css. Pada tulisan ini saya berbagi tentang 147

nama warna yang bisa anda gunakan dalam css. Nama-nama warna ini sering dikatakan sebagai keyword yang

merujuk pada warna tertentu yang hampir didukung oleh semua browser yang ada sekarang.

Kenapa menggunakan css (Cascading Style Sheets)CSS sudah tidak asing lagi dikalangan para blogger atau pengembang website karena css sangat mudah digunakan

dan cara penulisannya pun sangat gampang diingat. Tapi tahukah anda masih banyak lagi alasan kenapa css

menjadi idola para blogger dan pengembang? Dalam artikel ini saya akan mengemukaan alasan-alasan kenapa

menggunakan css.

6 Cara penulisan warna dalam cssCara penulisan warna dalam css untuk keperluan halaman web bisa kita lakukan dengan 6 cara. Semuanya

mengarah pada penggunaan warna yang sama tapi ditulis dengan cara berbeda. Berikut ini saya akan berbagi

tentang beberapa metode penulisan warna dalam css yang bisa anda gunakan.

Mengatur format tabel dengan cssAnda mungkin sudah tidak asing lagi dengan css, yang umumnya digunakan untuk mengatur layout halaman web.

Berikut ini saya akan berbagi tentang bagaimana mengatur format tabel dengan css. Pengaturan format tabel yang

akan kita lakukan adalah mengganti warna tabel dan jenis tulisan pada tiap cell tabel. SIlahkan simak berikut ini..

Kiriman terbaru

Mengubah format tanggal mysql menjadi indonesia dalam phpMengirim email laporan dari database mysql dengan PHPMailerCara mudah mengirim email dari PHP dengan PHPMailerTemplate halaman admin gratisMembuat upload video dengan phpMembuat kalender bulan dengan phpMemastikan benar salah input tanggalMembagi form dalam beberapa halamanMengapa Menggunakan MySQL?Menampilkan daftar nama file dalam folder

Kata kunci pencarian terakhir :

cara nerubah tulisan huruf unik online cara kredit di.bank contoh foto digital cetak laporandengan css dan php mudik bawa cb tua keyboard font for lenovo 39a1 donlod wallpafer mudikpake motor Formula membuat warna merah orang mudik bawa motor ninja buat tabeldengan css tutorial menggambar gajah foto kucing naik motor php tidak bisa include

image ready design grafis penggabungan field query mysql cara x ray foto denganphotoshop foto gif sepeda motor jamping php zainal membangun chat room dengan php

script php input text tanpa huruf

SEO (5) Software (8) Teknologi (14)

Umum ( 23) We b Design ( 14)

Random Post

Membuat efek gambar di blog dengancss

Membuat menu dengan icon sepertiakun google

Membuat pengecekan tanggal masaaktif dengan php

Sistem Manajemen Basis Data

Kamus Istilah dalam dunia internet - B

Karakter dan simbol khusus dalam html

Mengatur urutan pengisian form

Internet bagi Dunia Kedokteran

Jenis-jenis handphone android daribeberapa generasi

Pengertian dan cara membuatHyperlink

Download

Contoh Kirim Email Laporan databaseMYSQL

Contoh Upload video dengan php

Contoh Membuat Kalender denganPHP

Contoh Membagi form dalam

beberapa halaman

Contoh Membuat laporan dari php keexcel

http://www.zainalhakim.web.id/posting/internet-bagi-dunia-kedokteran.htmlhttp://www.zainalhakim.web.id/posting/kumpulan-gambar-lucu.htmlhttp://www.zainalhakim.web.id/download/contoh-membagi-form-dalam-beberapa-halaman.htmlhttp://www.zainalhakim.web.id/posting/cara-mudah-mengirim-email-dari-php-dengan-phpmailer.htmlhttp://www.zainalhakim.web.id/posting/karakter-dan-simbol-khusus-dalam-html.htmlhttp://www.zainalhakim.web.id/posting/mengenal-istilah-warna.htmlhttp://www.zainalhakim.web.id/posting/menampilkan-daftar-nama-file-dalam-folder.htmlhttp://www.zainalhakim.web.id/posting/mengapa-menggunakan-mysql.htmlhttp://www.zainalhakim.web.id/posting/kamus-istilah-dalam-dunia-internet-b.htmlhttp://www.zainalhakim.web.id/posting/ganti-font-blog-dengan-cufon-font.htmlhttp://www.zainalhakim.web.id/posting/sistem-manajemen-basis-data.htmlhttp://www.zainalhakim.web.id/posting/kumpulan-gambar-lucuhttp://www.zainalhakim.web.id/posting/template-halaman-admin-gratis.htmlhttp://www.zainalhakim.web.id/posting/mengubah-format-tanggal-mysql-menjadi-indonesia-dalam-php.htmlhttp://www.zainalhakim.web.id/posting/membuat-input-hanya-angka-atau-huruf-tertentu.htmlhttp://www.zainalhakim.web.id/download/contoh-membuat-laporan-dari-php-ke-excel.htmlhttp://www.zainalhakim.web.id/posting/mengirim-email-laporan-dari-database-mysql-dengan-phpmailer.htmlhttp://www.zainalhakim.web.id/posting/cara-membuat-gambar-transparan-dengan-adobe-photoshop.htmlhttp://www.zainalhakim.web.id/posting/kenapa-menggunakan-css-cascading-style-sheets.htmlhttp://www.zainalhakim.web.id/posting/pengertian-dan-cara-membuat-hyperlink.htmlhttp://www.zainalhakim.web.id/posting/membuat-kalender-bulan-dengan-php.htmlhttp://www.zainalhakim.web.id/posting/mengatur-format-tabel-dengan-css.htmlhttp://www.zainalhakim.web.id/posting/mengatur-urutan-pengisian-form.htmlhttp://www.zainalhakim.web.id/posting/membuat-efek-gambar-di-blog-dengan-css.htmlhttp://www.zainalhakim.web.id/posting/perintah-include-dan-require-dalam-php.htmlhttp://www.zainalhakim.web.id/download/contoh-upload-video-dengan-php.htmlhttp://www.zainalhakim.web.id/posting/membuat-pengecekan-tanggal-masa-aktif-dengan-php.htmlhttp://www.zainalhakim.web.id/posting/jenis-jenis-handphone-android-dari-beberapa-generasi.htmlhttp://www.zainalhakim.web.id/posting/kumpulan-gambar-lucu.htmlhttp://www.zainalhakim.web.id/posting/kumpulan-gambar-lucu.htmlhttp://www.zainalhakim.web.id/posting/gambar-digital-dan-non-digital.htmlhttp://www.zainalhakim.web.id/posting/mengatur-format-tabel-dengan-css.htmlhttp://www.zainalhakim.web.id/posting/webdesign/http://www.zainalhakim.web.id/posting/membuat-input-hanya-angka-atau-huruf-tertentu.htmlhttp://www.zainalhakim.web.id/download/contoh-membuat-kalender-dengan-php.htmlhttp://www.zainalhakim.web.id/posting/cara-membuat-animasi-dengan-adobe-image-ready.htmlhttp://www.zainalhakim.web.id/posting/aplikas-chat-dengan-ajax-php-gratis.htmlhttp://www.zainalhakim.web.id/posting/menggabung-beberapa-field-database-saat-ditampilkan.htmlhttp://www.zainalhakim.web.id/prosedur-dan-persyaratan-pengajuan-pinjaman-bank.htmlhttp://www.zainalhakim.web.id/gambar-mewarnai-anak-1.htmlhttp://www.zainalhakim.web.id/posting/php/http://www.zainalhakim.web.id/posting/147-nama-warna-dalam-css.htmlhttp://www.zainalhakim.web.id/posting/seo/http://www.zainalhakim.web.id/posting/membagi-form-dalam-beberapa-halaman.htmlhttp://www.zainalhakim.web.id/posting/memastikan-benar-salah-input-tanggal.htmlhttp://www.zainalhakim.web.id/posting/kumpulan-gambar-lucu.htmlhttp://www.zainalhakim.web.id/posting/membuat-upload-video-dengan-php.htmlhttp://www.zainalhakim.web.id/posting/membuat-menu-dengan-icon-seperti-akun-google.htmlhttp://www.zainalhakim.web.id/posting/teknologi/http://www.zainalhakim.web.id/posting/umum/http://www.zainalhakim.web.id/posting/software/http://www.zainalhakim.web.id/download/contoh-kirim-email-laporan-database-mysql.htmlhttp://www.zainalhakim.web.id/posting/6-cara-penulisan-warna-dalam-css.html