Properti Style orphans

Definisi dan penggunaan

orphans Properti ini mengatur atau mengembalikan jumlah baris minimum yang harus terlihat di dasar halaman (digunakan untuk mencetak atau tinjau cetak).

orphans Properti ini hanya berpengaruh terhadap elemen blok.

Petunjuk：orphans:5 Menunjukkan bahwa di atas tanda bagian halaman harus ada paling sedikit 5 baris yang dapat terlihat.

Petunjuk：Lihat Atribut widows Untuk menentukan jumlah baris minimum yang harus terlihat di atas halaman.

Contoh

Ubah orphans dan cek cetak atau pratinjau 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 {
  /* Atur ukuran halaman cetak */
  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();">Ubah orphans</button>
<p style="font-size:120%" id="p1">
Ubah orphans dan lihat pratinjau cetak.<br>
Baris 2<br>
Baris 3<br>
Baris 4<br>
Baris 5<br>
Baris 6<br>
Baris 7<br>
Baris 8<br>
</p>
</body>
</html>

Coba sendiri

Sintaks

Kembalikan atribut orphans：

object.style.orphans

Setel atribut orphans：

object.style.orphans = "number|initial|inherit"

Nilai atribut

Nilai Deskripsi
number Bilangan bulat, menentukan jumlah baris visibilitas minimum. Tidak diizinkan nilai negatif. Nilai standar adalah 2.
initial Setel atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai standar： 2
Nilai kembalian： String, menunjukkan jumlah baris minimum yang dicetak di bawah halaman.
Versi CSS： CSS2

Pembuka web

Angka di tabel menunjukkan versi browser yang mendukung properti ini penuh.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Tidak didukung 3.1 10.0