ตัวอย่าง
มักจะแทรกตัวแบ่งหน้าหลังจากที่แต่ละ <footer> องค์ประกอบ (when printing) :
@media print
{
footer {page-break-after: always;}
}ความหมายและการใช้งาน
หน้าแตกหลังชุดคุณสมบัติไม่ว่าจะเป็นตัวแบ่งหน้าควรจะเกิดขึ้นหลังจากที่มีองค์ประกอบที่ระบุ
Note: คุณไม่สามารถใช้คุณสมบัตินี้ในที่ว่างเปล่า <div> หรือจากองค์ประกอบตำแหน่งอย่างแน่นอน
| ค่าเริ่มต้น: | auto |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | no. Read about animatable |
| เวอร์ชัน: | CSS2 |
| ไวยากรณ์ javascript: | object .style.pageBreakAfter="always" |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| page-break-after | 1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
Note: Internet Explorer และ Firefox ไม่สนับสนุนค่าคุณสมบัติ "left" หรือ "right"
CSS ไวยากรณ์
page-break-after: auto|always|avoid|left|right|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| auto | ค่าเริ่มต้น. แบ่งหน้าอัตโนมัติ |
| always | มักจะแทรกตัวแบ่งหน้าหลังองค์ประกอบ |
| avoid | หลีกเลี่ยงการแบ่งหน้าหลังจากองค์ประกอบ (if possible) |
| left | แทรกตัวแบ่งหน้าหลังจากองค์ประกอบเพื่อให้หน้าถัดไปมีรูปแบบเป็นหน้าซ้าย |
| right | แทรกตัวแบ่งหน้าหลังจากองค์ประกอบเพื่อให้หน้าถัดไปมีรูปแบบเป็นหน้าขวา |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: pageBreakAfter property