CSS: propiedad page-break-before

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.

(Visited 10 times, 1 visits today)