Regra CSS @page

Definição e uso

CSS @page A regra é usada para personalizar o tamanho, orientação e margem da página de impressão.

Exemplo

Personalizar página de impressão:

@page :primeiro {
  margem-esquerda: 40%;
  margem-top: 50%;
}
@page :esquerda {
  margem-esquerda: 10%;
  margem-top: 10%;
}
@page :direita {
  margem-esquerda: 90%;
  margem-top: 90%;
}

Experimente você mesmo

Sintaxe do CSS

@page {
  margem: valor;
  orientação-página: valor;
  tamanho: valor;
}

Valor do atributo

Valor Descrição
margem Especificar a margem externa da página.
orientação-página Especificar a orientação da página.
tamanho Especificar o tamanho e a direção do bloco de caixa da página.

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente a regra @.

Regra-atributo Chrome Edge Firefox Safari Opera
@page 2 12 19 Não 6
@page: tamanho 15 79 95 Não 15
@page: orientação-página 85 85 Não Não 71
@page: @top-left 131 Não suportado Não suportado Não suportado Não suportado
@page: @left-top 131 Não suportado Não suportado Não suportado Não suportado
@page: @top-right 131 Não suportado Não suportado Não suportado Não suportado
@page: @right-top 131 Não suportado Não suportado Não suportado Não suportado
@page: @top-center 131 Não suportado Não suportado Não suportado Não suportado
@page: @bottom-left 131 Não suportado Não suportado Não suportado Não suportado
@page: @left-bottom 131 Não suportado Não suportado Não suportado Não suportado