Properti anak yatim gaya
Contoh
Ubah anak yatim dan periksa pratinjau cetak atau cetak:
<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
Properti yatim piatu mengatur atau mengembalikan jumlah baris minimum untuk elemen yang harus terlihat di bagian bawah halaman (untuk pencetakan atau pratinjau cetak).
Properti yatim piatu hanya memengaruhi elemen tingkat blok.
Tip: Orphans:5 berarti minimal 5 baris harus terlihat di atas page break.
Tip: Lihat properti janda untuk mengatur atau mengembalikan jumlah baris minimum untuk elemen yang harus terlihat di bagian atas halaman.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
orphans | Yes | Not supported | Not supported | Not supported | Yes |
Sintaksis
Kembalikan properti anak yatim:
object.style.orphans
Setel properti yatim piatu:
object.style.orphans = "number|initial|inherit"
Nilai properti
Value | Description |
---|---|
number | An integer that specifies the minimum number of visible lines. Negative values are not allowed. The default value is 2 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | 2 |
---|---|
Nilai Kembali: | Sebuah String, mewakili jumlah minimum baris untuk dicetak di bagian bawah halaman |
Versi CSS | CSS2 |
Objek Gaya