Contoh
Mengubah anak yatim dan periksa cetak atau print preview:
<html>
<head>
<script>
function ChangeOrphans()
{
document.getElementById("p1").style.orphans = document.getElementById("orphans").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
{
.orphans
{
orphans:2;
}
}
</style>
</head>
<body>
<div class="othercontent">
<input id="orphans" value="2">
<button onclick="ChangeOrphans();">Change orphans</button>
<p style="font-size:120%" id="p1">
Change orphans 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>
</body>
</html> Cobalah sendiri " Definisi dan Penggunaan
Anak yatim set properti atau mengembalikan jumlah minimum baris untuk unsur yang harus terlihat di bagian bawah halaman (for printing or print preview) .
Properti yatim hanya mempengaruhi unsur-unsur blok-tingkat.
Tip: anak yatim: 5 berarti bahwa paling tidak 5 baris harus terlihat di atas page break.
Tip: Lihat properti janda untuk mengatur atau kembali jumlah minimum baris untuk unsur yang harus terlihat di bagian atas halaman.
Dukungan Browser
Properti anak yatim didukung di Internet Explorer, Opera dan Chrome.
Catatan: Properti anak yatim 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 anak yatim:
object .style.orphans
Mengatur properti anak yatim:
object .style.orphans=" 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 bawah halaman CSS Versi CSS2
<Style Object