Thuộc tính page-break-before
Định nghĩa và sử dụng Thuộc tính page-break-before xác định các phân chia văn bản ngay trước thành phần. Thuộc tính page-break-before thường sử dụng cho văn bản print. Cấu trúc tag { page-break-before: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả page-break-before auto Phân chia […]
Định nghĩa và sử dụng
- Thuộc tính page-break-before xác định các phân chia văn bản ngay trước thành phần.
- Thuộc tính page-break-before thường sử dụng cho văn bản print.
Cấu trúc
tag {
page-break-before: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| page-break-before | auto | Phân chia văn bản ngay trước thành phần nếu cần thiết, đây là dạng mặc định. |
| always | Phân chia văn bản ngay trước thành phần. | |
| avoid | Tránh phân chia văn bản ngay trước thành phần. | |
| left | Phân chia văn bản ngay trước bên trái thành phần. | |
| right | Phân chia văn bản ngay trước bên phải thành phần. | |
| 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ụ
Html viết:
html> <head></head> <body> <p>HỌC HTML - CSS</p> <p class="breakBefore">HỌC HTML - CSS</p> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
HỌC HTML – CSS
HỌC HTML – CSS
CSS viết:
p.breakBefore {
page-break-before: always;
}
Hiển thị trình duyệt:
HỌC HTML – CSS
HỌC HTML – CSS
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari