CSS Rules

Draft

@page

문서 인쇄시 페이지 박스의 크기, 방향, 여백 등을 지정할 수 있다.

구문

@page { }CSS2기본형식

기술 문서

@page 규칙

웹 문서를 인쇄시 페이지 박스의 크기와 방향, 여백 등을 지정할 수 있다. 페이지 박스의 크기는 'size', 여백은 'margin' 속성으로 제어할 수 있다.

페이지 박스의 크기와 여백

페이지의 박스의 크기는 'size' 속성으로 설정하며 인쇄되는 페이지의 영역의 크기는 페이지 박스의 크기에서 여백 영역을 뺀 값으로 사용한다. 여백은 'margin' 속성으로 정의할 수 있다.

페이지 박스의 크기로 사용되는 값의 종류
  • auto: 페이지 박스는 대상 출력 용지의 크기와 방향으로 설정된다.
  • landscape: 페이지 상자의 가로 세로 크기에서 긴 쪽이 가로 값으로 사용된다.
  • portrait: 페이지 상자의 가로 세로 크기에서 짧은 쪽이 가로 값으로 사용된다.
  • length: 직접 숫자와 단위를 지정하여 가로, 세로의 절대 크기로 설정한다. 공백으로 구분하여 차례대로 가로, 세로 값을 설정하되 하나만 설정하면 모두 동일한 크기로 설정된다. 백분율 단위는 사용할 수 없다.
여백 값으로 사용되는 속성

여백으로 설정할 수 있는 속성은 'margin' 또는 'margin-top', 'margin-right', 'margin-bottom', 'margin-left'로 설정할 수 있다.

설정 예제 코드

@page {
    size: auto;
    margin: 3cm;
}

 

지원 웹브라우저