Thuộc tính page-break-before CSS

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

Thuộc tính page-break-before thiết lập hành vi phân trang trước phần tử.

Mặc dù có thể sử dụng always để ép đặt trang ngắt, nhưng không thể đảm bảo tránh việc chèn trang ngắt, người sáng tạo chỉ có thể yêu cầu người đại diện người dùng tránh chèn trang ngắt một cách tối đa.

Áp dụng cho:Phần tử khối không nổi có giá trị position là relative hoặc static.

Chú thích:Hãy sử dụng thuộc tính phân trang một cách tối thiểu và tránh sử dụng thuộc tính phân trang trong bảng, phần tử nổi và phần tử khối có viền.

Xin xem thêm:

Tài liệu tham khảo HTML DOM:Thuộc tính pageBreakBefore

Mẫu

Đặt hành vi phân trang luôn sau phần tử bảng:

<html>
<head>
<style>
@media print
{
table {page-break-before:always;}
}
</style>
</head>
<body>
....
</body>
</html>

Ngữ pháp CSS

page-break-before: auto|always|avoid|left|right|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Nếu cần thiết, chèn trang ngắt trước phần tử.
always Chèn trang ngắt trước phần tử.
avoid Tránh chèn trang ngắt trước phần tử.
left Có đủ trang ngắt trước phần tử, cho đến trang trắng trái.
right Có đủ trang ngắt trước phần tử, cho đến trang trắng phải.
inherit Định nghĩa rằng cần phải kế thừa thiết lập thuộc tính page-break-before từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: no
Phiên bản: CSS2
Ngữ pháp JavaScript: object.style.pageBreakBefore="always"

Hỗ trợ trình duyệt

Số trong bảng chú thích đã liệt kê phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.2 7.0