CSS page-break-insidePropiedad
Ejemplo
Evite insertar saltos de página en los elementos <pre> y <blockquote>:
@media print {
pre, blockquote {page-break-inside: avoid;}
}
Definición de la propiedad y explicación de uso
La propiedad page-break-inside se utiliza para establecer si se inserta un salto de página dentro del elemento especificado.
Nota:No puede utilizar esta propiedad en elementos con posicionamiento absoluto.
Nota:Utilice las propiedades de salto de página con la menor frecuencia posible y evite usarlas en tablas, elementos flotantes y elementos de bloque con bordes.
| Valor predeterminado: | auto |
|---|---|
| Heredado: | no |
| Versión: | CSS2 |
| Sintaxis de JavaScript: | object.style.pageBreakInside="avoid" |
Soporte del navegador
Todos los navegadores principales admiten la propiedad page-break-inside.
Nota:IE8 y versiones anteriores de IE no admiten el valor "inherit".
Nota:Firefox, Chrome y Safari no admiten el valor "avoid".
Valores de la propiedad
| Valor | Descripción |
|---|---|
| auto | Predeterminado. Inserta un salto de página dentro del elemento si es necesario. |
| avoid | Evita insertar un salto de página dentro del elemento. |
| inherit | Especifica que la configuración de la propiedad page-break-inside debe heredarse del elemento principal. |