ค่าการตั้งค่าขนาดหน้ากระดาษใน CSS @page rule

คุณสมบัติ size ใน @page

คุณสมบัติ size ภายใน @page rule ใช้กำหนดขนาดและทิศทางของกล่องหน้า (page box) สำหรับการพิมพ์ (Print Media)

ค่า	คำอธิบาย
`auto`	ขนาดและทิศทางตามกระดาษเป้าหมาย (ค่าเริ่มต้น)
`landscape`	บังคับทิศทางแนวนอน ด้านยาวแนวนอน ขนาดเท่ากระดาษเป้าหมาย
`portrait`	บังคับทิศทางแนวตั้ง ด้านสั้นแนวนอน ขนาดเท่ากระดาษเป้าหมาย
`length`	กำหนดขนาดแน่นอน (width height) หน่วย px, cm, in, mm ห้ามใช้ %

<style type="text/css">
  @page {
    size: auto;  /* auto เป็นค่าเริ่มต้น */
    margin: 10%;
  }
</style>

ขอบหน้ากระดาษจะตรงกับเป้าหมาย Margin 10% คำนวณจากขนาดกระดาษเป้าหมาย เช่น กระดาษ A4 (21.0cm × 29.7cm) → margin = 2.10cm และ 2.97cm

@page {
  size: 8.5in 11in;  /* Letter size */
  margin: 2cm;
}

@page {
  size: 21cm 29.7cm;  /* A4 */
  margin: 1.5cm;
}