Contoh
Mengubah janda dan memeriksa cetak atau print preview:
<html>
<head>
<script>
function ChangeWidows()
{
document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent
{
width: 400px;
border-top: 19cm solid #c3c3c3;
}
@page
{
/* set size of printed page */
size: 21cm 27cm;
margin-top: 2cm;
}
@media print
{
.widows
{
widows:2;
}
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Change widows</button>
<p style="font-size:120%" id="p1">
Change widows and see the print preview.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
<div class="othercontent">
</body>
</html> Cobalah sendiri " Definisi dan Penggunaan
Set properti janda atau mengembalikan jumlah minimum baris untuk unsur yang harus terlihat di bagian atas halaman (for printing or print preview) .
Properti janda hanya mempengaruhi unsur-unsur blok-tingkat.
Tip: janda: 5 berarti bahwa paling tidak 5 baris harus terlihat dibawah halaman page break.
Tip: Lihat properti anak yatim untuk mengatur atau kembali jumlah minimum baris untuk unsur yang harus terlihat di bagian bawah halaman.
Dukungan Browser
Properti janda didukung di Internet Explorer, Opera dan Chrome.
Catatan: Properti janda tidak didukung di Firefox atau Safari. Properti ini tidak didukung di IE7 dan sebelumnya. IE8 membutuhkan DOCTYPE!. IE9 dan kemudian memiliki dukungan penuh.
Sintaksis
Kembali properti janda:
object .style.widows
Mengatur properti janda:
object .style.widows=" Nilai properti Nilai Deskripsi number Integer yang menentukan jumlah minimum garis yang terlihat. nilai-nilai negatif tidak diizinkan. Nilai default adalah 2 initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: 2 Kembali Nilai: Sebuah String, mewakili jumlah minimum baris untuk mencetak di bagian atas halaman CSS Versi CSS2
<Style Object