@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.
Resumo
A regra CSS @page é utilizada para modificar algumas propriedades CSS quando o documento for impresso. Você não pode mudar todas as propriedades CSS com @page. Você poderá somente mudar as margens, orphans, widows, e page breaks do documento. Na tentativa de mudar outra propriedade CSS, elas serão ignoradas.
A regra CSS @page pode ser acessada via interface do modelo de objeto CSSPageRule.
Nota:
A W3C está analisando como lidar com unidades viewport-related <length>, vh, vw, vmin, and vmax. Enquanto isso, não use eles junto com a regra @page.
Sintaxe
@page :pseudo-class {
margin:2in;
}
Exemplos
Podemos fazer referência a vários pseudo-classes de @page por exemplo.
Especificações
| Specification |
|---|
| CSS Paged Media Module Level 3 # at-page-rule |
| CSS Logical Properties and Values Level 1 # page |