MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

요약

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

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

주의: W3C은 viewport 관련 <length> 단위, vh, vw, vminvmax 처리법을 논의 중입니다. 그 동안에 @page at-규칙 내에서 사용하지 마세요.

구문

기술자

size
페이지 박스 내 포함 블록의 대상(target) 크기 및 방향을 지정합니다. 한 페이지 박스가 한 페이지 시트에 렌더링 되는 일반적인 경우에, 또한 대상(destination) 페이지 시트의 크기를 나타냅니다.
marks
문서에 crop 및/또는 registration 마크를 추가합니다.
bleed
페이지 렌더링이 잘리는(clip) 페이지 박스 너머 범위를 지정합니다.

형식 구문

@page <page-selector-list> {
  <group-rule-body>
}

예제

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

스펙

스펙 상태 설명
CSS Logical Properties Level 1
The definition of ':recto and :verso' in that specification.
Editor's Draft :recto:verso 페이지 선택자 추가
CSS Paged Media Module Level 3
The definition of '@page' in that specification.
Working Draft CSS Level 2 (Revision 1)에서 변화 없음, 더 많은 CSS at-규칙이 @page 내에 사용될 수 있지만.
CSS Level 2 (Revision 1)
The definition of '@page' in that specification.
Recommendation 초기 정의

브라우저 호환성

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 2.0 19.0 (19.0) 8.0 6.0 5.0
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 19.0 (19.0) ? ? ?

문서 태그 및 공헌자

 이 페이지의 공헌자: Netaras
 최종 변경: Netaras,