Atributo CSS page-break-after

Definición y uso

La propiedad page-break-after configura el comportamiento de paginación después del elemento.

Aunque se puede forzar el uso de always para insertar un separador de páginas, no se puede garantizar evitar la inserción del separador de páginas. Los creadores pueden solo pedir al agente de usuario que evite lo más posible la inserción de paginación.

Aplicado a:Elementos de bloque no flotantes con el valor de position como relative o static.

Comentarios:Usar lo menos posible las propiedades de paginación y evitar su uso en tablas, elementos flotantes y bloques de elementos con bordes.

Véase también:

Manual de referencia de HTML DOM:Atributo pageBreakAfter

Ejemplo

Establecer el comportamiento de paginación que siempre realiza después del elemento de tabla:

<html>
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>
<body>
....
</body>
</html>

Sintaxis de CSS

page-break-after: auto|always|avoid|left|right|initial|inherit;

Valor del atributo

Valor Descripción
auto Por defecto. Si es necesario, insertar un separador de páginas después del elemento.
always Insertar un separador de páginas después del elemento.
avoid Evitar la inserción de un separador de páginas después del elemento.
left Insertar suficiente separador de páginas después del elemento, hasta llegar a una página izquierda en blanco.
right Insertar suficiente separador de páginas después del elemento, hasta llegar a una página derecha en blanco.
inherit Se especifica que la configuración de la propiedad page-break-after debe heredarse del elemento padre.

Detalles técnicos

Valor por defecto: auto
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: object.style.pageBreakAfter="always"

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esa propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.2 7.0