Test 16: Page Margin Examples

ตัวอย่างนี้เพิ่มทั้ง margin แบบเท่ากันทุกด้าน และตัวอย่างแบบไม่เท่ากันทั้งสี่ด้าน (ผ่านเฟรมจำลอง) เพื่อดูพื้นที่ใช้งานภายในหน้าที่ต่างกันอย่างชัดเจน

A) Equal Margin Example

@page { size: A4; margin: 20mm; }
Equal block 1: ทุกด้านมีระยะห่างเท่ากัน ช่วยให้ layout สมดุลและอ่านง่าย
Equal block 2: เหมาะกับรายงานมาตรฐาน เอกสารองค์กร และคู่มือทั่วไป
Equal block 3: เส้นเฟรมจำลองด้านในควรอยู่ห่างขอบหน้าเท่ากันทั้งบน/ขวา/ล่าง/ซ้าย
Equal block 4: ข้อความยาวเพื่อทดสอบการไหลของย่อหน้าเมื่อพื้นที่ใช้งานลดลงเท่ากันทุกด้าน
Equal block 5: การจัดตำแหน่งหัวข้อ ตาราง และภาพมักคาดการณ์ง่ายกว่าเมื่อ margin สมมาตร
Equal block 6: ใช้เป็น baseline ก่อนเทียบกับเคส margin ไม่สมมาตรในหน้าถัดไป

B) Unequal 4-Side Margin Example

@page { size: A4; margin: 10mm 22mm 30mm 36mm; }
Unequal block 1: top 10mm, right 22mm, bottom 30mm, left 36mm
Unequal block 2: ซ้ายกว้างขึ้นเพื่อเว้นสันเข้าเล่ม หรือเผื่อ binding offset
Unequal block 3: ล่างกว้างขึ้นเพื่อพื้นที่ footer, หมายเหตุ, หรือพื้นที่เซ็นรับรอง
Unequal block 4: ขวาแคบกว่าซ้ายเล็กน้อยเพื่อสมดุลทางสายตาเอกสารที่เข้าเล่ม
Unequal block 5: เคสนี้ช่วยทดสอบว่าพื้นที่ flow ของ content เปลี่ยนตาม margin profile
Unequal block 6: หากมีหลายหน้า ย่อหน้าและกล่องควรแตกหน้าได้ต่อเนื่องไม่ทับขอบ
Unequal block 7: เติมเนื้อหาเพิ่มเพื่อ stress การไหลของ content ในพื้นที่ที่แคบลงบางด้าน
Unequal block 8: ข้อความปิดท้ายสำหรับตรวจว่าท้ายหน้าไม่ชนขอบล่างหลังหัก margin