Descripción
La propiedad page-break-after de CSS nos permite controlar los saltos de página cuando imprimimos documentos HTML mediante CSS. Esta propiedad nos ayuda a definir si queremos que se produzca un salto de página después del elemento sobre el que se aplica.
Sintaxis
page-break-after : auto | always | avoid | left | right | inherit
Valores
- inherit, hereda el valor de la propiedad del elemento padre
- avoid, evita que se produzca un salto de página después del elemento
- left, fuerza un salto de página de tal manera que la siguiente página sea una página izquierda
- right, fuerza un salto de página de tal manera que la siguiente página sea una página derecha
- always, siempre fuerza un salto de página después del elemento
- auto, permite que el navegador decida automáticamente si insertar un salto de página
Ejemplo
Veamos un ejemplo de cómo podemos utilizar la propiedad page-break-after para forzar un salto de página después de una sección de contenido:
.seccion {
page-break-after: always;
}
.evitar-salto {
page-break-after: avoid;
}
En este ejemplo, cualquier elemento con la clase “seccion” forzará un salto de página después de él, mientras que los elementos con la clase “evitar-salto” evitarán que se produzca un salto de página.
