Propriedade BreakInside da página de estilo
Exemplo
Evite uma quebra de página dentro do elemento <p> com id="footer":
document.getElementById("footer").style.pageBreakInside = "avoid";
Tente você mesmo "
Definição e uso
A propriedade pageBreakInside define ou retorna o comportamento de quebra de página dentro de um elemento (para impressão ou visualização de impressão).
Nota: A propriedade pageBreakInside não tem efeito em elementos absolutamente posicionados. A quebra de página só é visível em uma visualização de impressão ou durante a impressão.
Dica: Evite propriedades de quebra de página dentro de tabelas, elementos flutuantes e elementos de bloco com bordas.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
pageBreakInside | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade pageBreakInside:
object.style.pageBreakInside
Defina a propriedade pageBreakInside:
object.style.pageBreakInside = "auto|avoid|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
auto | Insert a page break inside the element if necessary. This is default |
avoid | Avoid a page break inside an element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | auto |
---|---|
Valor de retorno: | Uma String, representando o comportamento de quebra de página dentro de um elemento ao imprimir |
Versão CSS | CSS2 |
Páginas relacionadas
Referência CSS: propriedade page-break-inside
❮ Objeto de estilo