CSS page-break-after Property

La propiedad page-break-after define un salto de página después de un elemento.

Esta propiedad no se aplica a elementos con posición absoluta.

advertencia

La propiedad page-break-after ha sido reemplazada por la propiedad break-after.

Los navegadores deben tratar la propiedad page-break-after como un alias de break-after. Esto garantiza que los sitios que utilizan la propiedad page-break-after sigan funcionando según lo diseñado.

Valor inicial	auto
Se aplica a	Elementos de nivel de bloque.
Heredable	No.
Animable	No.
Versión	CSS2
Sintaxis DOM	object.style.pageBreakAfter = "avoid";

Sintaxis

Sintaxis de CSS page-break-after

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

Puedes insertar el siguiente fragmento de código con page-break-after en tu código CSS:

Ejemplo de código CSS page-break-after

@media print {
  footer {
    page-break-after: left;
  }
}

Valores

Valor	Descripción
auto	Permite insertar cualquier salto de página después del elemento.
avoid	Evita insertar cualquier salto de página después del elemento.
always	Fuerza la inserción de cualquier salto de página después del elemento.
left	Inserta un salto de página después del elemento para que la siguiente página se formatee como una página izquierda.
right	Inserta un salto de página después del elemento para que la siguiente página se formatee como una página derecha.
initial	Establece esta propiedad en su valor predeterminado.
inherit	Hereda esta propiedad de su elemento padre.

Nota: Para el desarrollo web moderno, utiliza la propiedad break-after en su lugar, ya que page-break-after está en desuso.

Práctica

¿Qué hace la propiedad 'page-break-after' en CSS?

Aplica un salto de página después de un elemento de nivel de bloque.
Cambia el color de un elemento de nivel de bloque.
Determina el margen de un elemento.
Se utiliza en medios paginados para controlar dónde ocurren los saltos de página.
Manipula la alineación del texto dentro de un elemento de nivel de bloque.