Propiedad CSS page-break-before

La propiedad page-break-before define un salto de página antes de un elemento.

advertencia

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

Por lo general, los saltos de página se aplican a medios paginados como libros o documentos impresos. Una vez que se produce un salto de página, el diseño actual finaliza y el contenido restante fluye a la siguiente página. Este comportamiento es común en documentos PDF.

La propiedad page-break-before te permite especificar si el contenido siguiente debe comenzar en una página izquierda o derecha. Puedes usar la regla CSS @media para definir estilos de salto para documentos impresos.

Valor inicial	auto
Se aplica a	Elementos de bloque.
Heredado	No.
Animable	No.
Versión	CSS2
Sintaxis DOM	object.style.pageBreakBefore = "left";

Sintaxis

Sintaxis de CSS page-break-before

page-break-before: auto | always | avoid | left | right | recto | verso | initial | inherit;

Usa el siguiente ejemplo de código para definir un salto de página antes del elemento:

Ejemplo de código CSS page-break-before

@media print {
  h2 {
    page-break-before: right;
  }
}

Valores

Valor	Descripción
auto	Permite saltos de página automáticos antes del elemento.
avoid	Evita que se produzca un salto de página antes del elemento.
always	Fuerza un salto de página antes del elemento.
left	Inserta un salto de página antes del elemento de modo que la siguiente página se formatee como una página izquierda.
right	Inserta un salto de página antes del elemento de modo que la siguiente página se formatee como una página derecha.
recto	Inserta un salto de página antes del elemento de modo que la siguiente página se formatee como una página derecha (equivalente a right).
verso	Inserta un salto de página antes del elemento de modo que la siguiente página se formatee como una página izquierda (equivalente a left).
initial	Establece esta propiedad en su valor predeterminado.
inherit	Hereda esta propiedad de su elemento principal.

Práctica

¿Cuál es la función de la propiedad 'page-break-before' en CSS?

Permite insertar un salto de página antes de un cuadro asociado al elemento.Permite insertar un salto de página después de un cuadro asociado al elemento.Especifica cómo debe mostrarse un elemento a través de las páginas, en medios paginados.Controla el comportamiento de la propiedad 'display' en CSS.