Ejemplo
Evitar un salto de página dentro de la <p> elemento con id = "pie":
document.getElementById("footer").style.pageBreakInside = "avoid"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades pageBreakInside o devuelve el comportamiento de salto de página dentro de un elemento (for printing or print preview) .
Note: La propiedad pageBreakInside no tiene ningún efecto sobre los elementos con posición absoluta. El salto de página sólo es visible en una vista preliminar o al imprimir.
Tip: Evitar propiedades de salto de página dentro de tablas, elementos flotantes y elementos de bloque con bordes.
Soporte del navegador
La propiedad pageBreakInside es compatible con todos los principales navegadores.
Note: Firefox, Chrome y Safari no admiten el valor de la propiedad "avoid" .
Sintaxis
Devolver la propiedad pageBreakInside:
object .style.pageBreakInside
Establecer la propiedad pageBreakInside:
object .style.pageBreakInside="auto|avoid|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| auto | Insertar un salto de página dentro del elemento si es necesario. Esto es por defecto |
| avoid | Evitar un salto de página dentro de un elemento |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | auto |
|---|---|
| Valor de retorno: | Una cadena, que representa el comportamiento de salto de página dentro de un elemento al imprimir |
| Versión CSS | CSS2 |
Páginas relacionadas
Referencia CSS: page-break-inside property
<Estilo de objeto