CSS @page 규칙

@page 규칙은 스타일 시트에서 페이지 상자의 크기, 방향, 여백을 정의하여 인쇄 предпросмотр и из браузера для веб-документов. 일반적으로 이 구조에서, 여러 가지 CSS 속성（예: 크기, 페이지 및 여백）이 페이지 상자의 크기, 방향, 여백 등을 지정하는 데 사용됩니다.

페이지 상자는 두 개의 영역을 포함하는 사각형 영역입니다：

• 이페이지 영역。 페이지 영역은 페이지 상에 배치된 상자를 포함합니다. 첫 페이지 영역의 경계는 사각형을 형성하며 이 사각형은 문서의 초기 포함 블록입니다. 캔버스 배경은 그 안에 그려지고 페이지 영역을 덮습니다.

• 에서경계 영역페이지 영역 주위에 있습니다. 페이지 여백 영역은 투명합니다.

CSS @page 규칙 사용 문법

이 규칙의 문법은 다음과 같습니다：

@page [:left | :right | :first] {
　　　　/*　인쇄-특정 규칙　*/
}

아래 예제는 @page 속성을 사용하는 방법을 보여줍니다。

@page {
여백:　2in;　/*　모든 페이지의 기본 값　*/
}
@page :left {
여백:　1in;　/*　왼쪽 페이지의 여백　*/
}
@page :right {
여백:　3in;　/*　오른쪽 페이지의 여백　*/
}
@page :first {
여백-top:　5in;　/*　첫 페이지의 상단 여백　*/
}

브라우저 호환성

이 @page 규칙은 잘 지원되지 않습니다。

더 읽기

다음 튜토리얼을 참조하십시오：CSS 미디어 타입。