CSS page-break-beforePropiedad
Ejemplo
Insertar siempre un salto de página antes del elemento <h1>:
@media print {
h1 {page-break-before: always;}
}
Definición y uso de la propiedad
page-break-before agrega un salto de página antes del elemento especificado.
Nota:No puede usar esta propiedad en elementos con posicionamiento absoluto.
Nota:Use 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 |
|---|---|
| Herencia: | no |
| Versión: | CSS2 |
| Sintaxis de JavaScript: | object.style.pageBreakBefore="always" |
Soporte del navegador
![]()
![]()
![]()
![]()
![]()
Todos los navegadores principales admiten la propiedad page-break-before.
Nota:Cualquier versión de Internet Explorer (incluida IE8) admite los valores de propiedad "left", "right" e "inherit".
Nota:Firefox, Chrome y Safari no admiten los valores de propiedad "avoid", "left" y "right".
Valores de la propiedad
| Valor | Descripción |
|---|---|
| auto | Valor predeterminado. Si es necesario, inserta un salto de página antes del elemento. |
| always | Inserta un salto de página antes del elemento. |
| avoid | Evita insertar un salto de página antes del elemento. |
| left | Inserta los saltos de página necesarios antes del elemento hasta llegar a una página izquierda en blanco. |
| right | Inserta los saltos de página necesarios antes del elemento hasta llegar a una página derecha en blanco. |
| inherit | Especifica que la configuración de la propiedad page-break-before debe heredarse del elemento padre. |