CSS page-break-afterPropiedad
Ejemplo
Inserta siempre un salto de página después del elemento <footer>:
@media print {
footer {page-break-after: always;}
}
Definición de la propiedad y notas de uso
La propiedad page-break-after se utiliza para configurar la inserción de un salto de página después del elemento especificado.
Nota:No puede usar esta propiedad en elementos con posicionamiento absoluto.
Nota:Utilice las propiedades de salto de página lo menos 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.pageBreakAfter="always" |
Compatibilidad del navegador
Todos los navegadores principales son compatibles con la propiedad page-break-after.
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 | Predeterminado. Inserta un salto de página después del elemento si es necesario. |
| always | Inserta un salto de página después del elemento. |
| avoid | Evita insertar un salto de página después del elemento. |
| left | Inserta suficientes saltos de página después del elemento hasta llegar a una página izquierda en blanco. |
| right | Inserta suficientes saltos de página después del elemento hasta llegar a una página derecha en blanco. |
| inherit | Especifica que la configuración de la propiedad page-break-after debe heredarse del elemento padre. |