Properti Style orphans

Definisi dan penggunaan

orphans Properti ini menetapkan atau mengembalikan jumlah baris minimum yang harus dapat dilihat di bawah halaman (digunakan untuk cetakan atau tampilan cetakan pratinjau).

orphans Properti ini hanya mempengaruhi elemen blok.

Petikan:}orphans:5 Perlu dijanjikan bahawa ada sedikit 5 baris yang dapat dilihat di atas simbol halaman.

Petikan:}Lihat Sifat widows Untuk menetapkan atau mengembalikan bilangan baris minimum yang harus terlihat di atas halaman.

Contoh

Ubah orphans dan periksa cetakan atau pratinjau cetakan：

<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 {
  /* Tetapkan saiz halaman cetakan */
  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 cetakan.<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>

Cuba sendiri

Syntax

Kembalian sifat orphans：

object.style.orphans

Tetapkan sifat orphans：

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

Nilai sifat

Value Description
number Integer, menentukan bilangan baris visibiliti minimum. Tidak diizinkan nilai negatif. Nilai lalai adalah 2.
initial Tetapkan sifat ini ke nilai lalainya. Lihat initial。
inherit Mewarisi sifat ini dari elemen ibunya. Lihat inherit。

Perincian teknikal

Nilai lalai： 2
Kembalian nilai： String, mewakili bilangan baris minimum yang dicetak di bawah halaman.
Versi CSS： CSS2

Sokongan pelayar

Angka dalam tabel menunjukkan versi paling awal penggunaan browser yang menyokong sifat ini.

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