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

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

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

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

Á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:

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

Mẫu

Đặt để tránh việc phân trang trong phần tử bảng:

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

Ngữ pháp CSS

page-break-inside: auto|avoid|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Mặc định. Nếu cần thiết, chèn trang break trong phần tử.
avoid Tránh chèn trang break trong phần tử.
inherit Định nghĩa rằng nên kế thừa thiết lập thuộc tính page-break-inside 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.pageBreakInside="avoid"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra 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 8.0 19.0 1.3 7.0