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 page-break-before
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada Antes de la paginación Con sintaxis y ejemplos.
describir
La propiedad CSS page-break-before define cómo se manejan los saltos de página antes de los elementos.
sintaxis
La sintaxis de la propiedad CSS page-break-before es:
page-break-before: value;parámetro o parámetro
valor
Determina cómo manejar los saltos de página antes de los elementos. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| carro | Los saltos de página antes de que los elementos se creen automáticamente según sea necesario. p { salto de página antes: auto; } |
| siempre | Los saltos de página siempre se imponen antes de los elementos. p { salto de página antes: siempre; } |
| evitar | Evite los saltos de página antes de los elementos. p { salto de página antes: evitar; } |
| permanecer | Forzar un salto de página antes del elemento hace que el navegador formatee la página siguiente como una página izquierda. p { salto de página antes: izquierda; } |
| derecho | Forzar un salto de página antes del elemento hace que el navegador formatee la página siguiente como la página correcta. p {antes de la paginación: verdadero; } |
| heredar | El elemento heredará el salto de página antes de su elemento principal p { salto de página antes: heredar; } |
notas
- Consulte las propiedades page-break-after y page-break-inside.
Compatibilidad del navegador
La propiedad CSS page-break-before 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-before a continuación, explorando ejemplos de cómo usarla en CSS.
siempre
Veamos un ejemplo de cómo establecer la propiedad page-break-before en siempre.
CSS se ve así:
p { page-break-before: always; }En este ejemplo de CSS, la propiedad page-break-before se establece en siempre. Esto significa que los navegadores siempre deben forzar los saltos de página antes de las etiquetas de párrafo cuando se imprime la página.
evitar
Veamos un ejemplo de cómo evitar esto configurando la propiedad page-break-before.
CSS se ve así:
p { page-break-before: avoid; }En este ejemplo de CSS, la propiedad page-break-before se establece para evitar. Esto significa que al imprimir la página, el navegador debe formatear la página para evitar saltos de página antes de las marcas de párrafo.
permanecer
Veamos un ejemplo de cómo configurar la propiedad page-break-before a la izquierda.
CSS se ve así:
p { page-break-before: left; }En este ejemplo de CSS, la propiedad page-break-before 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 antes 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-before a la derecha.
CSS se ve así:
p { page-break-before: right; }En este ejemplo de CSS, la propiedad page-break-before se establece a la derecha. Esto significa que cuando se imprime la página, el navegador debe formatear la página para que la página siguiente antes de la etiqueta de párrafo tenga el formato correcto.
carro
Ahora veamos cómo configurar la propiedad page-break-before en automático.
CSS se ve así:
p { page-break-before: auto; }En este ejemplo de CSS page-break-before, la propiedad page-break-before 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.