Thuộc tính Style widows

Định nghĩa và cách sử dụng

widows Thuộc tính thiết lập hoặc trả về số dòng tối thiểu phải hiển thị ở đầu trang của phần tử (dùng cho in hoặc xem trước in).

widows Thuộc tính chỉ ảnh hưởng đến các phần tử cục bộ.

Lưu ý:widows:5 Hiển thị rằng dưới dấu trang phải có ít nhất 5 dòng hiển thị.

Lưu ý:Xem thêm Thuộc tính orphans Để thiết lập hoặc trả về số dòng tối thiểu cần hiển thị ở cuối trang của phần tử.

Mẫu

Thay đổi widows và kiểm tra in hoặc xem trước in:

<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 {
/* Đặt kích thước trang in */
  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();">Thay đổi widows</button>
<p style="font-size:120%" id="p1">
Thay đổi widows và xem trước in.<br>
Dòng 2<br>
Dòng 3<br>
Dòng 4<br>
Dòng 5<br>
Dòng 6<br>
Dòng 7<br>
Dòng 8<br>
</p>
<div class="othercontent">
</body>
</html>

Thử nghiệm ngay

Cú pháp

Trả về thuộc tính widows:

object.style.widows

Đặt thuộc tính widows:

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

Giá trị thuộc tính

Giá trị Mô tả
number Số nguyên, quy định số dòng可见最小。Không được phép sử dụng giá trị âm. Giá trị mặc định là 2.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Di chuyển thuộc tính này từ phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: 2
Giá trị trả về: Chuỗi, biểu thị số dòng tối thiểu cần in ở đầu trang của trang web.
Phiên bản CSS: CSS2

Trình duyệt hỗ trợ

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Không hỗ trợ 7.0 10.0