Regra @page do CSS

A regra @page define o tamanho, direção e margem da caixa da página no styleSheet, usada para pré-visualização de impressão e impressão de documentos da Web a partir do navegador. Normalmente, neste construct, várias propriedades CSS (como tamanho, página e margem) são usadas para especificar o tamanho, direção e margem da caixa da página.

A caixa da página é uma área retangular que contém duas áreas:

• Aárea da páginaA área da página inclui os frames dispostos na página. A borda da área da primeira página estabelece um retângulo, que é o bloco inicial de contido do documento. O fundo da folha de desenho é desenhado dentro e cobre a área da página.

• emárea de bordaao redor da área da página. A área da margem é transparente.

Sintaxe de uso da regra @page do CSS

A sintaxe dessa regra é a seguinte:

@page [:left | :right | :first] {
　　　　/*　impressão-regras específicas　*/
}

O exemplo a seguir demonstra como usar a regra @page.

@page {
margem:　2in;　/*　padrão para todas as páginas　*/
}
@page :left {
margem:　1in;　/*　margem na página esquerda　*/
}
@page :right {
margem:　3in;　/*　margem na página direita　*/
}
@page :first {
margem-top:　5in;　/*　margem superior na primeira página　*/
}

Compatibilidade do navegador

A regra @page não é bem suportada.

Leia mais

Por favor, consulte o seguinte tutorial:Tipos de Mídia do CSS。