Atribut Style Widows

Definisi dan Penggunaan

widows Atribut ini menetapkan atau mengembalikan jumlah baris minimum yang harus terlihat di bagian atas halaman (digunakan untuk cetak atau pratinjau cetak).

widows Atribut ini hanya mempengaruhi elemen blok.

Petunjuk：widows:5 Menunjukkan bahwa di bawah tanda bagong harus ada setidaknya 5 baris yang dapat terlihat.

Petunjuk：Lihat Atribut orphans Untuk mengatur atau mengembalikan jumlah baris minimum yang harus terlihat di bagian bawah halaman.

Contoh

Ubah widows dan cek cetak atau pratinjau cetak：

<html>
<head>
<script>
function ChangeWidows() {
  document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent {
  lebar: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
/* Atur ukuran halaman cetak */
  ukuran: 21cm 27cm;
  margin-top: 2cm;
}
@media print {
  .widows {
    widows:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Ganti widows</button>
<p style="font-size:120%" id="p1">
Ganti widows 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>
<div class="othercontent">
</body>
</html>

Coba sendiri

Sintaks

Kembalikan atribut widows：

object.style.widows

Atur atribut widows：

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

Nilai atribut

Nilai Deskripsi
number Integer, menentukan jumlah baris visibilitas minimum. Tidak diizinkan untuk menggunakan nilai negatif. Nilai defaultnya adalah 2.
initial Atur atribut ini ke nilai defaultnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai default： 2
Nilai kembalian： String, yang menunjukkan jumlah baris minimum yang harus dicetak di bagian atas halaman.
Versi CSS： CSS2

Pembukaan peramban

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Tidak Dukung 7.0 10.0