เพื่อควบคุมการขยับหน้า ให้ใช้คุณสมบัติ page-break-before, page-break-after, และ page-break-inside
ทั้ง page-break-before และ page-break-after ยอมรับคีย์เวิร์ด auto, always, avoid, left, และ right
คีย์เวิร์ด auto เป็นค่าเริ่มต้น ให้เบราว์เซอร์สร้างการขยับหน้าตามความจำเป็น คีย์เวิร์ด always บังคับขยับหน้าก่อนหรือหลังอีเลเมนต์ ในขณะที่ avoid suppresses การขยับหน้าทันทีก่อนหรือหลังอีเลเมนต์ คีย์เวิร์ด left และ right บังคับขยับหน้าหนึ่งหรือสองครั้ง เพื่อให้อีเลเมนต์แสดงบนหน้าซ้ายหรือขวา
สมมติเอกสารของคุณมี header ระดับ 1 เริ่มบทใหม่ พร้อม header ระดับ 2 แสดง section คุณต้องการให้แต่ละบทเริ่มที่หน้าใหม่ด้านขวา แต่ไม่ต้องการให้ section headers แยกข้ามหน้าจากเนื้อหาต่อไป
ตัวอย่าง
คุณสามารถทำได้ด้วยกฎต่อไปนี้:
<style> <!-- h1 { page-break-before : right } h2 { page-break-after : avoid } --> </style>