CSS page-break-after คุณสมบัติ

การกำหนดและการใช้

กำหนดการแบ่งหน้าหลังองค์ประกอบโดยคุณสมบัติ page-break-after。

ถึงแม้จะสามารถใช้ always บังคับให้มีการแบ่งหน้า แต่ไม่สามารถประกันได้ว่าจะหลีกเลี่ยงการแบ่งหน้า ผู้สร้างสามารถขอให้ตัวปฏิบัติการความหน้าใช้หลีกเลี่ยงการแบ่งหน้าที่สูงสุดเท่าที่เป็นไปได้。

ใช้สำหรับ:องค์ประกอบ block ที่ไม่ floating และมีค่า position ที่เป็น relative หรือ static。

หมายเหตุ:ใช้คุณสมบัติการแบ่งหน้าที่ให้น้อยที่สุดเท่าที่เป็นไปได้ และหลีกเลี่ยงใช้คุณสมบัติการแบ่งหน้าที่ในตาราง องค์ประกอบ floating และองค์ประกอบ block ที่มีเขตขอบ。

ดูเพิ่มเติมที่:

คู่มืออ้างอิง HTML DOM:คุณสมบัติ pageBreakAfter

ตัวอย่าง

ตั้งค่าการแบ่งหน้าที่ด้วยการแบ่งหน้าที่ตลอดเวลาหลังองค์ประกอบตาราง:

<html>
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>
<body>
....
</body>
</html>

ระบบเขียน CSS

page-break-after: auto|always|avoid|left|right|initial|inherit;

ค่าของคุณสมบัติ

ค่า คำอธิบาย
auto ค่าเริ่มต้น。หากจำเป็น แบ่งหน้าหลังองค์ประกอบ。
always แบ่งหน้าหลังองค์ประกอบ。
avoid หลีกเลี่ยงการแบ่งหน้าหลังองค์ประกอบ。
left มีเครื่องหมายการแบ่งหน้าที่เพียงพอหลังองค์ประกอบ จนถึงหน้าซ้ายที่ว่าง。
right มีเครื่องหมายการแบ่งหน้าที่เพียงพอหลังองค์ประกอบ จนถึงหน้าขวาที่ว่าง。
inherit กำหนดให้มีการสืบทอดการตั้งค่า page-break-after จากองค์ประกอบต้น。

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
การสืบทอด: no
เวอร์ชัน: CSS2
ระบบเขียน JavaScript: object.style.pageBreakAfter="always"

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางระบุเวอร์ชันบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.2 7.0