Thuộc tính page-break-before

Đăng bởi: Admin

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.

tag {
    page-break-before: giá trị;
}

Với giá trị như sau:

Thuộc tính	giá trị	Ví dụ	Mô tả
page-break-before	auto	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	page-break-before: always;	Phân chia văn bản ngay trước thành phần.
	avoid	page-break-before: avoid;	Tránh phân chia văn bản ngay trước thành phần.
	left	page-break-before: left;	Phân chia văn bản ngay trước bên trái thành phần.
	right	page-break-before: right;	Phân chia văn bản ngay trước bên phải thành phần.
	inherit	page-break-before: 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).

<html>
<head></head>
<body>
<p>HỌC WEB CHUẨN</p>
<p class="breakBefore">HỌC WEB CHUẨN</p>
</body>
</html>

HỌC WEB CHUẨN

p.breakBefore {
    page-break-before: always;
}

HỌC WEB CHUẨN

Thuộc tính page-break-before được hỗ trợ trong đa số các trình duyệt.

Từ trình duyệt IE8 trở xuống không hỗ trợ giá trị: left, right, inherit.

Từ trình duyệt Firefox, Chrome, Safari không hỗ trợ giá trị: avoid, left, right.

Theo dõi VnCoder trên Facebook, để cập nhật những bài viết, tin tức và khoá học mới nhất!