Thuộc tính ngắt trang CSS bên trong
Ví 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 tính page-break-inside
đặ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: ngắt trang trước , ngắt trang sau và ngắt trang bên trong giúp xác định cách hoạt động của tài liệu 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 |
Trang liên quan
Tham chiếu DOM HTML: thuộc tính pageBreakInside