A propriedade CSS page-break-after

Definição e uso

Define o comportamento de quebra de página após o elemento.

Embora possa usar always para forçar a inserção de um caractere de quebra de página, não há garantia de evitar a inserção. O criador pode apenas solicitar que o agente de usuário evite a inserção o máximo possível.

Aplicado a:Elementos de bloco não flutuantes com valor de position equal a relative ou static.

Notas:Use propriedades de quebra de página o mínimo possível e evite usá-las em tabelas, elementos flutuantes e elementos de bloco com bordas.

Veja também:

Manual de referência do DOM HTML:Propriedade pageBreakAfter

Exemplo

Define o comportamento de quebra de página sempre após o elemento de tabela:

<html>
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>
<body>
....
</body>
</html>

Sintaxe do CSS

page-break-after: auto|always|avoid|left|right|initial|inherit;

Valor da propriedade

Valor Descrição
auto Padrão. Insere um caractere de quebra de página após o elemento, se necessário.
always Insere um caractere de quebra de página após o elemento.
avoid Evita a inserção de um caractere de quebra de página após o elemento.
left Insere um caractere de quebra de página suficiente após o elemento, até uma página em branco à esquerda.
right Insere um caractere de quebra de página suficiente após o elemento, até uma página em branco à direita.
inherit Define que a configuração da propriedade page-break-after deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: auto
Herança: no
Versão: CSS2
Sintaxe do JavaScript: object.style.pageBreakAfter="always"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.2 7.0