ใช้ pageBreakInside คุณสมบัติใน JavaScript เพื่อกำหนดลักษณะการแบ่งหน้าภายในองค์ประกอบ ใช้ อัตโนมัติ คุณสมบัติเพื่อแทรกตัวแบ่งหน้าภายในองค์ประกอบ ใช้ อัตโนมัติ หรือ หลีกเลี่ยง ค่าคุณสมบัติเพื่อแทรกตัวแบ่งหน้าโดยอัตโนมัติภายในองค์ประกอบ หากจำเป็น หรือหลีกเลี่ยงการแบ่งหน้าตามลำดับ
หมายเหตุ − การเปลี่ยนแปลงจะปรากฏให้เห็นในขณะพิมพ์หรือดูตัวอย่างก่อนพิมพ์
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อส่งคืนพฤติกรรมการแบ่งหน้าภายในองค์ประกอบด้วย JavaScript -
<!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p>This is demo text.</p> <p>This is demo text.</p> <p id = "myFooter">This if footer text.</p> <button type = "button" onclick="display()"> Set page-break </button> <script> function display() { document.getElementById("myFooter").style.pageBreakInside = "auto"; } </script> </body> </html>