Properti Style Widows

Definisi dan penggunaan

widows Properti ini mengatur atau mengembalikan jumlah baris minimum yang harus terlihat di puncak halaman (digunakan untuk cetak atau pratinjau cetak).

widows Properti ini hanya berpengaruh kepada elemen blok.

提示：widows:5 Perlu ada paling sedikit 5 baris yang dapat dilihat di bawah simbol halaman.

提示：请参阅 orphans 属性 以设置或返回必须在页面底部可见的元素的最小行数。

实例

更改 widows 并检查打印或打印预览：

<html>
<head>
<script>
function ChangeWidows() {
  document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent {
  width: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
/* 设置打印页面的大小 */
  size: 21cm 27cm;
  margin-top: 2cm;
}
@media print {
  .widows {
    widows:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Change widows</button>
<p style="font-size:120%" id="p1">
更换 widows 并查看打印预览。<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
<div class="othercontent">
</body>
</html>

亲自试一试

语法

返回 widows 属性：

object.style.widows

设置 widows 属性：

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

属性值

值 描述
number 整数，规定最小可见行数。不允许使用负值。默认值为 2。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 2
返回值： 字符串，表示要在页面顶部打印的最小行数。
CSS 版本： CSS2

Browser Support

Nombor di dalam tabel menunjukkan versi penuh pendorong yang disokong untuk sifat ini.

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