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

Manual of CSS reference

CSS @rules

大全 of CSS 属性

Página do CSS-break-Métodos de uso e exemplos da propriedade 'before'

Ao imprimir documentos, a propriedade 'page' antes do atributo CSS-break-A propriedade 'before' está antes do elemento e antes do símbolo de paginação. Esta propriedade se aplica a elementos que geram caixa.BlocoElemento. Não se aplica a <p> que não gera caixa de branco.

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

Valor padrão:auto
Aplicável a:Elementos de bloco
Herança:Nenhum
Animável:Não.Veja mais Atributo de animação
Versão:CSS 2、3
Sintaxe do JavaScript:object.style.pageBreakBefore="always"

page-break-Sintaxe de uso do before

A sintaxe dessa propriedade é a seguinte:

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

O exemplo a seguir demonstra como usar o page-break-Atributo before

  @media print {
   h1 {
    page-break-before: always;      
   }
  }
Teste para ver‹/›

As regras de estilo no exemplo acima definem o comportamento de quebra de página sempre no<h1>Quebrar a página antes do elemento para que o elemento apareça sempre no topo da nova página.

Notas:page-break-O atributo before é aplicável apenas ao elemento raiz outable-rowNo fluxo normal do elementoBlocoElemento

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

ValoresDescrição
autoSe necessário, insira um caractere de quebra de página antes do elemento. Este é o valor padrão.
alwaysSempre forçar o caractere de quebra de página antes do elemento.
avoidEvitar a quebra de página antes do elemento.
leftForçar a quebra de página uma ou duas vezes antes do 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 antes do 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 o page do elemento pai-break-Valores do atributo before

Compatibilidade do navegador

page-break-Compatibilidade do navegador do atributo before, 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

Consulte as seguintes instruções:Tipos de mídia do CSS

Atributos relacionados:page-break-afterpage-break-inside