English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS page-break-Método de uso e exemplo da propriedade 'after'

Inserir um símbolo de página em branco após o elemento ao imprimir o documento. page-break-A propriedade 'after' é aplicável para gerar caixasBlocoElemento. Não se aplica a um <p> vazio, não gera uma caixa em branco.

A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:auto
Aplicável a:Elementos de bloco
Herança:Sem
Animável:Não.Veja também Atributos de animação
Versão:CSS 2、3
Sintaxe do JavaScript:object.style.pageBreakAfter="avoid"

page-break-Sintaxe de uso do after

A sintaxe dessa propriedade é a seguinte:

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

Os exemplos a seguir mostram como usar page-break-do atributo after.

  @media print {
   p.footnotes {
    page-break-after: always;      
   }
  }
Teste e veja‹/›

As regras de estilo no exemplo acima definem o comportamento de quebra de página como sempre quebrar página e mudar para uma nova página após os rodapés.

Nota:page-break-O atributo after é aplicável apenas ao elemento raiz outable-rowdo fluxo normal do elementoBlocoElemento

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

ValoresDescrição
autoSe necessário, inserir quebra de página após o elemento. Este é o valor padrão.
alwaysSempre forçar quebra de página após o elemento.
avoidEvitar quebra de página após o elemento.
leftForçar a quebra de página uma ou duas vezes após o elemento, para que a próxima página seja a página da esquerda.
rightForçar a quebra de página uma ou duas vezes após o elemento, para que a próxima página seja a página da direita.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado adota page do elemento pai-break-Valores do atributo after.

Compatibilidade do navegador

page-break-Compatibilidade do atributo after do navegador, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esse atributo; todos os navegadores populares suportam em parte esse atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1.2+

  • Opera 7+

Aviso: Internet Explorer 8E versões mais antigas não suportam esses valores left e right; Qualquer valor é interpretado como always. Firefox, Chrome e Safari não suportam os valores avoid, left ou right.

Leia mais

Por favor, consulte as seguintes instruções:Tipos de mídia do CSS

Atributos relacionados:page-break-beforepage-break-inside