- Trang chủ
- Tham khảo
- CSS
- Thuộc tính page-break-after
Định nghĩa và sử dụng
Thuộc tính page-break-after xác định các phân chia văn bản ngay sau thành phần.
Thuộc tính page-break-after thường sử dụng cho văn bản print.
Cấu trúc
tag { page-break-after: giá trị; }
Với giá trị như sau:
page-break-after | auto | page-break-after: auto; | Phân chia văn bản ngay sau thành phần nếu cần thiết, đây là dạng mặc định. |
always | page-break-after: always; | Phân chia văn bản ngay sau thành phần. | |
avoid | page-break-after: avoid; | Tránh phân chia văn bản ngay sau thành phần. | |
left | page-break-after: left; | Phân chia văn bản ngay sau bên trái thành phần. | |
right | page-break-after: right; | Phân chia văn bản ngay sau bên phải thành phần. | |
inherit | page-break-after: inherit; | Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). |
Ví dụ
Mô tả
<html> <head></head> <body> <p>HỌC WEB CHUẨN</p> <p class="breakAfter">HỌC WEB CHUẨN</p> </body> </html>
page-break-after
auto
auto
page-break-after: auto;
p.breakAfter { page-break-after: always; }
Phân chia văn bản ngay sau thành phần nếu cần thiết, đây là dạng mặc định.
auto
auto
page-break-after: auto;
Phân chia văn bản ngay sau thành phần nếu cần thiết, đây là dạng mặc định.
always
page-break-after: always;
- Trang chủ
- Tham khảo
- CSS
- Thuộc tính page-break-inside
Định nghĩa và sử dụng
Thuộc tính page-break-inside xác định các phân chia văn bản ngay bên trong thành phần.
Thuộc tính page-break-inside thường sử dụng cho văn bản print.
Cấu trúc
tag { page-break-inside: giá trị; }
Với giá trị như sau:
page-break-inside | auto | page-break-inside: auto; | Phân chia văn bản ngay bên trong thành phần nếu cần thiết, đây là dạng mặc định. |
always | page-break-inside: always; | Phân chia văn bản ngay bên trong thành phần. | |
avoid | page-break-inside: avoid; | Tránh phân chia văn bản ngay bên trong thành phần. | |
left | page-break-inside: left; | Phân chia văn bản ngay bên trong, bên trái thành phần. | |
right | page-break-inside: right; | Phân chia văn bản ngay bên trong, bên phải thành phần. | |
inherit | Inherits this property from its parent element. Read about inherit | Related Pages |
Ví dụ
Mô tả
<html> <head></head> <body> <p>HỌC WEB CHUẨN</p> <p class="breakInside">HỌC WEB CHUẨN</p> </body> </html>
page-break-inside
auto
auto
page-break-inside: auto;
p.breakInside { page-break-inside: always; }
Phân chia văn bản ngay bên trong thành phần nếu cần thiết, đây là dạng mặc định.
auto
auto
page-break-inside: auto;
Phân chia văn bản ngay bên trong thành phần nếu cần thiết, đây là dạng mặc định.
always
page-break-inside: always;
Sự mô tả
Mặc định. Tự động phá trang
@Media in {& nbsp; Footer {page-break-sau: luôn luôn;}}
footer {page-break-after: always;}
}
Định nghĩa và cách sử dụng
Thuộc tính page-break-after thêm một lần ngắt trang sau một phần tử được chỉ định.
Mẹo: Các thuộc tính: Trang phá vỡ trang trước, giúp phá vỡ trang và giúp đỡ trang để xác định cách một tài liệu nên hoạt động khi được in. The properties: page-break-before, page-break-after and page-break-inside help to define how a document should behave when printed.
Lưu ý: Bạn không thể sử dụng thuộc tính này trên các yếu tố trống hoặc hoàn toàn được định vị. You cannot use this property on an empty
Tự động |
không |
không. Đọc về hoạt hình |
CSS2 |
object.style.pageBreakAfter = "Luôn luôn" |
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.
Trang phá vỡ sau | 1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
Lưu ý: Không có hỗ trợ trình duyệt "tránh". None of the browsers support "avoid".
Lưu ý: Trình duyệt có thể giải thích "trái" và "phải" là "luôn luôn". Browsers may interpret "left" and "right" as "always".
CSS Cú pháp
Trang-Break-sau: Tự động | Luôn luôn | Tránh | Trái | Phải | Ban đầu | Kế thừa;
Giá trị tài sản
Tự động | không |
không. Đọc về hoạt hình | CSS2 |
Cú pháp JavaScript: | object.style.pageBreakAfter = "Luôn luôn" |
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. |
Tài sản | Trang phá vỡ sau |
Lưu ý: Không có hỗ trợ trình duyệt "tránh". | Lưu ý: Trình duyệt có thể giải thích "trái" và "phải" là "luôn luôn". |
CSS Cú pháp | Trang-Break-sau: Tự động | Luôn luôn | Tránh | Trái | Phải | Ban đầu | Kế thừa; |
Giá trị tài sản
Giá trị