@page
Baseline
2024
*
Newly available
Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
{"* "}Some parts of this feature may have varying levels of support.
@page CSS @규칙은 문서를 인쇄할 때 일부 CSS 속성을 수정하는 데 쓰입니다. @page로 모든 CSS 속성을 바꿀 수는 없습니다. 문서의 margin, orphan, widow(앞단에서 넘어온 짤막한 행) 및 page break만 바꿀 수 있습니다. 다른 CSS 속성을 바꾸려는 시도는 무시됩니다.
css
@page {
margin: 1cm;
}
@page :first {
margin: 2cm;
}
@page @규칙은 CSS 객체 모델 인터페이스 CSSPageRule를 통해 액세스될 수 있습니다.
참고 :
W3C은 viewport 관련 <length> 단위, vh, vw, vmin 및 vmax 처리법을 논의 중입니다. 그 동안에 @page @규칙 내에서 사용하지 마세요.
구문
서술자
형식 구문
@page =
@page <page-selector-list>? { <declaration-rule-list> }
<page-selector-list> =
<page-selector>#
<page-selector> =
[ <ident-token>? <pseudo-page>* ]!
<pseudo-page> =
: [ left | right | first | blank ]
예제
예제를 위한 @page의 다양한 가상 클래스 참조해 주세요.
명세
| Specification |
|---|
| CSS Paged Media Module Level 3 # at-page-rule |
| CSS Logical Properties and Values Level 1 # page |
브라우저 호환성
Loading…