Thuộc tính Style orphans

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

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

orphans Thuộc tính chỉ ảnh hưởng đến các phần tử khối.

Lưu ý: }}orphans:5 Chỉ số phân trang phải có ít nhất 5 dòng hiển thị ở trên.

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

Mẫu

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

<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 {
  /* Đặt kích thước trang in */
  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();">Thay đổi orphans</button>
<p style="font-size:120%" id="p1">
Thay đổi orphans 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>
</body>
</html>

Thử ngay

Cú pháp

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

object.style.orphans

Đặt thuộc tính orphans:

object.style.orphans = "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 in ở cuối trang.
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 hỗ trợ đầy đủ thuộc tính này đầu tiên.

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