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

manual de referência CSS

regras CSS @

大全 de propriedades CSS

Página do CSS-break-Método de uso e exemplo do inside

page-break-A propriedade inside do CSS força ou proíbe o símbolo de nova página dentro do elemento de impressão. Esta propriedade é aplicável aBlocoElemento. Ele não é aplicável a <p> vazios, não gerando caixas em branco.

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

Valor padrão:auto
Aplicável a:Elementos de bloco
Herança:Nenhum
Animável:NãoVeja também Atributos de animação
Versão:CSS 2、3

page-break-Sintaxe de uso do inside

A sintaxe deste atributo é a seguinte:

page-break-inside: auto | avoid | initial | inherit

Os exemplos a seguir mostram como usar o page-break-A propriedade inside

  @media print {
   ul {
    page-break-inside: avoid;      
   }
  }
Teste e veja‹/›

As regras de estilo do exemplo acima definem o comportamento de paginação para evitar que a lista não ordenada seja dividida em duas páginas.

Nota:este page-break-A propriedade inside é aplicável apenas ao elemento raiz outable-rowNo fluxo normal do elementoBlocoElemento

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

ValorDescrição
autoSe necessário, insira um símbolo de nova página dentro do elemento. Este é o valor padrão.
avoidEvite que haja paginação dentro do elemento.
initialDefina este atributo para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o page do pai-break-Valores do atributo inside

Compatibilidade do navegador

page-break-O insideFirefox não suporta este atributo.

  • Firefox (não)

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.3+

  • Opera 7+

Aviso:Evite o uso deste atributo, pois ele não é bem suportado. Além disso, use o menos possível o símbolo de nova página e evite que ele apareça dentro de elementos de tabela com borda, elementos flutuantes e elementos de bloco.

Leia mais

Consulte a seguinte tutorial:Tipos de mídia do CSS

Propriedades relacionadas:page-break-afterpage-break-before