ตัวอย่าง
หลีกเลี่ยงการแบ่งหน้าภายใน <p> องค์ประกอบที่มี id = "ส่วนท้าย":
document.getElementById("footer").style.pageBreakInside = "avoid";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ pageBreakInside หรือผลตอบแทนพฤติกรรมแบ่งหน้าภายในองค์ประกอบ (for printing or print preview)
Note: คุณสมบัติ pageBreakInside มีไม่มีผลกระทบต่อองค์ประกอบตำแหน่งอย่างแน่นอน แบ่งหน้าจะปรากฏเฉพาะในตัวอย่างก่อนพิมพ์หรือเมื่อพิมพ์
Tip: หลีกเลี่ยงคุณสมบัติแบ่งหน้าภายในตารางธาตุลอยและองค์ประกอบของบล็อกที่มีเส้นขอบ
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ pageBreakInside รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
Note: Firefox, Chrome และ Safari ไม่สนับสนุนมูลค่าทรัพย์สิน "avoid"
วากยสัมพันธ์
กลับ pageBreakInside ทรัพย์สิน:
object .style.pageBreakInside
ตั้ง pageBreakInside ทรัพย์สิน:
object .style.pageBreakInside="auto|avoid|initial|inherit"
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
auto | แทรกตัวแบ่งหน้าภายในองค์ประกอบในกรณีที่จำเป็น นี้จะเริ่มต้น |
avoid | หลีกเลี่ยงการแบ่งหน้าภายในองค์ประกอบ |
initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: | รถยนต์ |
---|---|
กลับค่า: | สตริงที่เป็นตัวแทนของพฤติกรรมแบ่งหน้าภายในองค์ประกอบเมื่อพิมพ์ |
CSS รุ่น | CSS2 |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: page-break-inside property
<สไตล์วัตถุ