Thuộc tính ngắt trang CSS
Thí dụ
Tránh ngắt trang bên trong các phần tử <pre> và <blockquote>:
@media print {
pre, blockquote {page-break-inside: avoid;}
}
Định nghĩa và Cách sử dụng
Thuộc page-break-inside
tính đặt xem có nên tránh ngắt trang bên trong một phần tử được chỉ định hay không.
Mẹo: Các thuộc tính: page-break-before , page-break-after và page-break-inside giúp xác định cách tài liệu sẽ hoạt động khi được in.
Lưu ý: Bạn không thể sử dụng thuộc tính này trên các phần tử được định vị tuyệt đối.
Giá trị mặc định: | Tự động |
---|---|
Thừa hưởng: | không |
Hoạt hình: | không. Đọc về hoạt hình |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | đối tượng .style.pageBreakInside = "tránh" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
page-break-inside | 1.0 | 8.0 | 19.0 | 1.3 | 7.0 |
Cú pháp CSS
page-break-inside: auto|avoid|initial|inherit;
Giá trị tài sản
Value | Description |
---|---|
auto | Default. Automatic page-breaks |
avoid | Avoid page-break inside the element (if possible) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Các trang liên quan
Tham chiếu DOM HTML: thuộc tính pageBreakInside