Thuộc tính page-break-after của CSS

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

Thuộc tính page-break-after đặt hành vi phân trang sau phần tử.

Mặc dù có thể sử dụng always để buộc đặt dấu trang, nhưng không thể đảm bảo tránh việc chèn dấu trang, 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 dấu trang càng nhiều càng tốt.

Á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 càng ít càng tốt 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:

Hướng dẫn tham khảo HTML DOM:Thuộc tính pageBreakAfter

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-after:always;}
}
</style>
</head>
<body>
....
</body>
</html>

Ngữ pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
auto Mặc định. Nếu cần thiết thì chèn dấu trang sau phần tử.
always Chèn dấu trang sau phần tử.
avoid Tránh chèn dấu trang sau phần tử.
left Có đủ dấu trang sau phần tử, cho đến trang trắng trái.
right Có đủ dấu trang sau phần tử, cho đến trang trắng phải.
inherit Định nghĩa rằng nên kế thừa thiết lập thuộc tính page-break-after 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.pageBreakAfter="always"

Hỗ trợ trình duyệt

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

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