Propriedade de quebra de página CSS
Exemplo
Sempre insira uma quebra de página após um elemento <footer>:
@media print
{
footer {page-break-after: always;}
}
Definição e uso
A page-break-after
propriedade adiciona uma quebra de página após um elemento especificado.
Dica: As propriedades: page-break-before , page-break-after e page-break-inside ajudam a definir como um documento deve se comportar quando impresso.
Nota: Você não pode usar esta propriedade em um <div> vazio ou em elementos absolutamente posicionados.
Valor padrão: | auto |
---|---|
Herdado: | não |
Animavel: | não. Leia sobre animáveis |
Versão: | CSS2 |
Sintaxe JavaScript: | objeto .style.pageBreakAfter="sempre" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
page-break-after | 1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
Nota: Nenhum dos navegadores suporta "evitar".
Nota: Os navegadores podem interpretar "esquerda" e "direita" como "sempre".
Sintaxe CSS
page-break-after: auto|always|avoid|left|right|initial|inherit;
Valores de propriedade
Value | Description |
---|---|
auto | Default. Automatic page-break |
always | Always insert a page-break after the element |
avoid | Avoid a page-break after the element (if possible) |
left | Insert page-break after the element so that the next page is formatted as a left page |
right | Insert page-break after the element so that the next page is formatted as a right page |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Páginas relacionadas
Referência HTML DOM: propriedade pageBreakAfter