양면으로 문서를 인쇄할 때는 왼쪽 페이지와 오른쪽 페이지의 페이지 박스(page box)가 서로 달라야 합니다. 책이나 잡지처럼 제본되는 문서라면 안쪽 여백과 바깥쪽 여백을 구분해야 하기 때문에, 면마다 다른 마진 값을 적용하는 것이 자연스러운 레이아웃을 만드는 핵심입니다.
예시
CSS에서는 @page :left와 @page :right라는 두 가지 의사 클래스(pseudo-class)를 사용해 이를 손쉽게 표현할 수 있습니다.
<style>
<!--
@page :left {
margin-left: 4cm;
margin-right: 3cm;
}
@page :right {
margin-left: 3cm;
margin-right: 4cm;
}
-->
</style>위 코드에서 :left는 홀수 장의 뒷면에 해당하는 왼쪽 페이지, :right는 짝수 장의 앞면에 해당하는 오른쪽 페이지에 적용됩니다. 왼쪽 페이지에는 왼쪽 여백을 4cm로 넓게, 오른쪽 페이지에는 오른쪽 여백을 4cm로 넓게 지정함으로써 제본선 쪽 여백을 확보할 수 있습니다. 이처럼 @page 규칙과 방향별 의사 클래스를 조합하면 인쇄물의 양면 레이아웃을 정교하게 제어할 수 있습니다.