Propiedad bleed de CSS

La propiedad CSS bleed especifica la extensión del área de sangrado de la página fuera del cuadro de página.

Esta propiedad es una abreviatura de bleed-top, bleed-right, bleed-bottom y bleed-left.

Solo surte efecto cuando la propiedad marks está establecida en crop (por ejemplo, @page { marks: crop; }).

Acepta dos valores: auto y length. Si marks es crop, auto se calcula como 6pt. De lo contrario, se calcula como 0. El valor length especifica cuánto hacia afuera, en cada dirección, se extiende el área de sangrado más allá del cuadro de página.

Valor inicial	auto
Se aplica a	reglas @page
Heredable	No
Animable	No
Versión	Módulo de Medios Paginados de CSS Nivel 3
Sintaxis DOM	N/A

Sintaxis

Sintaxis de la propiedad CSS bleed

bleed: auto | length;

nota

La propiedad bleed solo afecta a la salida impresa y no tiene efecto en el medio de pantalla.

Usa el siguiente ejemplo de código de la propiedad bleed para ver el resultado:

Ejemplo de la propiedad CSS bleed

@page {
  bleed: 1cm;
}

Valores

Valor	Descripción
auto	Se calcula como 6pt si marks es crop. De lo contrario, se calcula como 0.
length	Especifica cuánto hacia afuera, en cada dirección, se extiende el área de sangrado más allá del cuadro de página.

Compatibilidad con navegadores

El soporte para propiedades de medios paginados como bleed es limitado. Se implementa principalmente en motores de vista previa de impresión y Safari, pero no es ampliamente compatible con otros navegadores para la representación en pantalla en tiempo real.

Práctica

¿Cuál es el uso correcto y la función de bleed en CSS?

Ayuda a exponer una parte de la caja que se suponía que estaba oculta.Puede usarse con la propiedad 'box-decoration-break' en CSS.Afecta a la parte visible de una caja CSS.Ayuda a ajustar el diseño de un elemento en una página web.