CSS @page 규칙

정의와 사용법

CSS @page 규칙은 인쇄 페이지의 크기, 방향, 여백을 사용자 정의하는 데 사용됩니다.

예제

사용자 정의 인쇄 페이지:

@page :first {
  margin-left: 40%;
  margin-top: 50%;
}
@page :left {
  margin-left: 10%;
  margin-top: 10%;
}
@page :right {
  margin-left: 90%;
  margin-top: 90%;
}

직접 경험해보세요

CSS 문법

@page {
  margin: value;
  page-orientation: value;
  size: value;
}

속성 값

값 설명
margin 페이지 백지를 지정합니다.
page-orientation 페이지 방향을 지정합니다.
size 페이지 브랜크를 포함하는 대상의 크기와 방향을 지정합니다.

브라우저 지원

표格에 표시된 숫자는 @ 规칙을 최초로 완벽하게 지원하는 브라우저 버전을 나타냅니다.

At-rule Chrome Edge Firefox Safari Opera
@page 2 12 19 No 6
@page: size 15 79 95 No 15
@page: page-orientation 85 85 No No 71
@page: @top-left 131 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음
@page: @left-top 131 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음
@page: @top-right 131 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음
@page: @right-top 131 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음
@page: @top-center 131 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음
@page: @bottom-left 131 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음
@page: @left-bottom 131 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음