Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de salto de página después
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada después de la paginación Con sintaxis y ejemplos.
describir
La propiedad CSS page-break-after define cómo manejar los saltos de página después de los elementos.
sintaxis
La sintaxis de la propiedad CSS page-break-after es:
page-break-after: value;parámetro o parámetro
valor
Determina cómo manejar los saltos de página después de los elementos. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| carro | Los saltos de página después de que los elementos se creen automáticamente según sea necesario. p {después de la paginación: auto;} |
| siempre | Los saltos de página siempre se imponen después de los elementos. p { después de la paginación: siempre; } |
| evitar | Evite los saltos de página después de los elementos. p { salto de página después de: evitar; } |
| permanecer | Forzar un salto de página después del elemento hace que el navegador formatee la página siguiente como una página izquierda. p {después de la paginación: izquierda; } |
| derecho | Forzar un salto de página después del elemento hace que el navegador formatee la página siguiente como la página correcta. p {después de la paginación: sí;} |
| heredar | El elemento heredará el salto de página de su elemento principal p {después de la paginación: heredar;} |
notas
- Consulte las propiedades page-break-before y page-break-inside.
Compatibilidad del navegador
La propiedad CSS page-break-after tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- Firefox (Geco)
- Navegador de Internet (IE)
- Ópera 7+
- Safari (WebKit)
ejemplo
Discutiremos la propiedad page-break-after a continuación, explorando ejemplos de cómo usarla en CSS.
siempre
Veamos un ejemplo de cómo configurar la propiedad page-break-after para siempre.
CSS se ve así:
p { page-break-after: always; }En este ejemplo de CSS, la propiedad page-break-after se establece en siempre. Esto significa que el navegador siempre debe forzar un salto de página después de una etiqueta de párrafo cuando se imprime la página.
evitar
Veamos un ejemplo de cómo evitar esto configurando la propiedad page-break-after.
CSS se ve así:
p { page-break-after: avoid; }En este ejemplo de CSS, la propiedad page-break-after se establece para evitar. Esto significa que cuando se imprime la página, el navegador debe formatear la página para evitar saltos de página después de las marcas de párrafo.
permanecer
Veamos un ejemplo de cómo configurar la propiedad page-break-after a la izquierda.
CSS se ve así:
p { page-break-after: left; }En este ejemplo de CSS, la propiedad page-break-after se establece a la izquierda. Esto significa que cuando se imprime la página, el navegador debe formatear la página para que la siguiente página después de la etiqueta de párrafo tenga el formato de la página izquierda.
derecho
Veamos un ejemplo de cómo configurar la propiedad page-break-after a la derecha.
CSS se ve así:
p { page-break-after: right; }En este ejemplo de CSS, la propiedad page-break-after se establece a la derecha. Esto significa que cuando se imprime la página, el navegador debe formatear la página para que la siguiente página después de la etiqueta de párrafo tenga el formato correcto.
carro
Ahora veamos cómo establecer la propiedad page-break-after en auto.
CSS se ve así:
p { page-break-after: auto; }En este ejemplo de CSS page-break-after, la propiedad page-break-after se establece en automático. Esto significa que cuando se imprime la página, el navegador debe generar automáticamente saltos de página cuando corresponda. Este es el comportamiento predeterminado.