Mengatur Pemisahan Halaman HTML pageBreakInside Style DOM
 |
| Properti pageBreakInside Style DOM |
- digunakan untuk mendapatkan nilai properti: object.style.pageBreakInside
- digunakan untuk mengatur nilai properti: object.style.pageBreakInside = "auto|avoid|initial|inherit"
Return Values: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan behavior page-break yang berada di dalam elemen ketika dilakukan print.
- auto: digunakan untuk memasukkan sebuah halaman di dalam elemen jika dibutuhkan.
- avoid: digunakan untuk menghindari sebuah page page yang berada di dalam suatu elemen.
- initial: digunakan untuk mengatur nilai properti ke nilai default-nya.
- inherit: digunakan untuk menerima nilai turunan properti dari elemen parent.
Berikut adalah program ilustrasi dari properti Style pageBreakInside.
Contoh: menghindari sebuah page break yang berada di dalam elemen <p> dengan nilai id="footer".
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style pageBreakInside
DOM pada HTML
</title>
<style>
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style pageBreakInside
</h2>
<br>
<p id="myfooter">
Blog TIK merupakan portal ilmu
komputer.
</p>
<p>
Untuk menghindari page break
di dalam paragraf footer,
double klik pada tombol "Avoid
Page Break":
</p>
<br>
<button ondblclick="pagebreak()">
Avoid Page Break
</button>
<script>
function pagebreak()
{
document.getElementById("myfooter")
.style.pageBreakInside = "avoid";
}
</script>
</body>
</html>
Blog Elfan
Properti Style pageBreakInside
Untuk menghindari page break di dalam paragraf footer, double klik pada tombol "Avoid Page Break":
Catatan: untuk dapat melihat nilai output, simpan kode program pada dokumen HTMl dan jalankan pada browser. Nilai output dapat dilihat hanya dalam mode PRINT PREVIEW dari file tersebut.
- 6 Value Properti Resize Style DOM pada HTML [klik]
- 5 Value Properti Right Style DOM pada HTML [klik]
- 4 Contoh Properti tableLayout Style DOM pada HTML [klik]
- 4 Value Properti tabSize Style DOM pada HTML [klik]
- 5 Value Properti textAlign Style DOM pada HTML [klik]
- 9 Value Properti Style textAlignLast DOM pada HTML [klik]
- 6 Value Properti textDecoration Style DOM pada HTML [klik]
5 komentar untuk "Mengatur Pemisahan Halaman HTML pageBreakInside Style DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser-browser apa sajakah yang dapat digunakan untuk mengaktifkan properti pageBreakInside Style DOM pada HTML?
BalasHapusBerikut ini adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti pageBreakInside Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti pageBreakInside Style DOM pada HTML?
BalasHapusProperti pageBreakInside Style DOMp ada HTML merupakan properti yang digunakan untuk mengembalikan dan mengubah behavior page break untuk propses print atau print previw di dalam elemen HTML yang terdapat dalam dokumen HTML.
HapusProperti pageBreakInside Style DOMp ada HTML merupakan properti yang digunakan untuk mengembalikan perilaku page break yang berada di dalam elemen.
Hapus