@page

@page CSS @규칙은 문서를 인쇄할 때 일부 CSS 속성을 수정하는 데 쓰입니다. @page로 모든 CSS 속성을 바꿀 수는 없습니다. 문서의 margin, orphan, widow(앞단에서 넘어온 짤막한 행) 및 page break만 바꿀 수 있습니다. 다른 CSS 속성을 바꾸려는 시도는 무시됩니다.

@page {
  margin: 1cm;
}

@page :first {
  margin: 2cm;
}

@page @규칙은 CSS 객체 모델 인터페이스 CSSPageRule (en-US)를 통해 액세스될 수 있습니다.

size

페이지 박스 내 포함 블록의 대상(target) 크기 및 방향을 지정합니다. 한 페이지 박스가 한 페이지 시트에 렌더링 되는 일반적인 경우에, 또한 대상(destination) 페이지 시트의 크기를 나타냅니다.

marks (en-US)

문서에 crop 및/또는 registration 마크를 추가합니다.

bleed (en-US)

페이지 렌더링이 잘리는(clip) 페이지 박스 너머 범위를 지정합니다.

@page <page-selector-list> {
  <page-body>
}
where 
<page-selector-list> = [ (en-US) <page-selector># (en-US) ] (en-US)? (en-US)
<page-body> = <declaration>? (en-US) [ (en-US) ; <page-body> ] (en-US)? (en-US) | (en-US) <page-margin-box> <page-body>
where 
<page-selector> = <pseudo-page>+ (en-US) | (en-US) <ident> (en-US) <pseudo-page>* (en-US)
<page-margin-box> = <page-margin-box-type> '{ (en-US)' <declaration-list> '}'
where 
<pseudo-page> = : [ (en-US) left | (en-US) right | (en-US) first | (en-US) blank ] (en-US)
<page-margin-box-type> = @top-left-corner | (en-US) @top-left | (en-US) @top-center | (en-US) @top-right | (en-US) @top-right-corner | (en-US) @bottom-left-corner | (en-US) @bottom-left | (en-US) @bottom-center | (en-US) @bottom-right | (en-US) @bottom-right-corner | (en-US) @left-top | (en-US) @left-middle | (en-US) @left-bottom | (en-US) @right-top | (en-US) @right-middle | (en-US) @right-bottom

예제를 위한 @page의 다양한 가상 클래스 참조해 주세요.

• :blank (en-US)
• :first
• :left (en-US)
• :right (en-US)
• :recto
• :verso