Propiedad CSS page-break-before
The CSS -page-break-before property defines a page break before a specified element. See the values of this property.
La propiedad page-break-before define un salto de página antes de un elemento.
advertencia
La propiedad
page-break-beforeha 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?