มีสี่ค่าที่สามารถใช้กำหนดขนาดหน้าได้ -
- อัตโนมัติ − กล่องหน้าจะถูกตั้งค่าเป็นขนาดและการวางแนวของแผ่นงานเป้าหมาย
- ภูมิทัศน์ − แทนที่การวางแนวของเป้าหมาย กล่องเพจมีขนาดเท่ากับเป้าหมาย และด้านที่ยาวกว่าจะเป็นแนวนอน
- แนวตั้ง − แทนที่การวางแนวของเป้าหมาย กล่องเพจมีขนาดเท่ากับเป้าหมาย และด้านที่สั้นกว่าจะเป็นแนวนอน
- ความยาว − ค่าความยาวสำหรับคุณสมบัติ 'ขนาด' สร้างกล่องหน้าแบบสัมบูรณ์ หากระบุค่าความยาวเพียงค่าเดียว ระบบจะกำหนดทั้งความกว้างและความสูงของช่องหน้า ไม่อนุญาตให้ใช้ค่าเปอร์เซ็นต์สำหรับพร็อพเพอร์ตี้ "ขนาด"
ในตัวอย่างต่อไปนี้ ขอบด้านนอกของกล่องเพจจะจัดแนวกับเป้าหมาย ค่าเปอร์เซ็นต์ของคุณสมบัติ "ระยะขอบ" จะสัมพันธ์กับขนาดเป้าหมาย ดังนั้นหากขนาดของแผ่นเป้าหมายคือ 21.0 ซม. × 29.7 ซม. (เช่น A4) ระยะขอบคือ 2.10 ซม. และ 2.97 ซม.
<style type = "text/css">
<!--
@page {
size: auto; /* auto is the initial value */
margin: 10%;
}
-->
</style> 