Exemplo
Evitar uma quebra de página dentro do <p> elemento com id = "footer":
document.getElementById("footer").style.pageBreakInside = "avoid"; Tente você mesmo " Definição e Uso
Os pageBreakInside conjuntos de propriedades ou retorna o comportamento page-break dentro de um elemento (for printing or print preview) .
Note: A propriedade pageBreakInside não tem efeito sobre os elementos posicionados absolutamente. A quebra de página só é visível em uma visualização de impressão ou quando a impressão.
Tip: Evite propriedades de quebra de página dentro de tabelas, elementos flutuantes e elementos de bloco com fronteiras.
Suporte navegador
A propriedade pageBreakInside é suportado em todos os principais navegadores.
Note: Firefox, Chrome e Safari não suportam o valor da propriedade "avoid" .
Sintaxe
Devolver o imóvel pageBreakInside:
object .style.pageBreakInside
Defina a propriedade pageBreakInside:
object .style.pageBreakInside="auto|avoid|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| auto | Inserir uma quebra de página dentro do elemento, se necessário. Este é o padrão |
| avoid | Evitar uma quebra de página dentro de um elemento |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | auto |
|---|---|
| Valor de retorno: | Uma corda, que representa o comportamento página-ruptura dentro de um elemento quando se imprime |
| CSS Versão | CSS2 |
Páginas relacionadas
Referência CSS: page-break-inside property
<Estilo de objeto