@page

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 (en-US).

Nota: A W3C está analisando como lidar com unidades viewport-related <length> (en-US), 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 Status Comment
CSS Paged Media Module Level 3
The definition of '@page' in that specification.
Rascunho atual Sem mudanças para CSS Level 2 (Revision 1), though more CSS at-rules can be used inside a @page.
CSS Level 2 (Revision 1)
The definition of '@page' in that specification.
Recomendação  

Compatibilidade dos navegadores

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar! (en-US)

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) ? ? {CompatUnknown}}