Sangrar - Trucos CSS

La bleedpropiedad en CSS es para especificar el espacio fuera del límite del cuadro de página al determinar el tamaño de una página impresa.

@page :left ( bleed: 10pt; ) @page :top ( bleed: 5cm; )

Tenga en cuenta que bleedes parte de la especificación Paged Media Module Level 3, que actualmente es un borrador en progreso. De hecho, bleedse describe con mayor precisión como un descriptor de regla at en lugar de una propiedad, ya que pertenece a la @pageregla at.

Valores

• auto: El cropvalor predeterminado es cero a menos que se haya establecido un valor en la markspropiedad que crea un valor predeterminado de 6pt.
• : Establece qué tan lejos está el bleedárea en cada dirección. Se aceptan valores negativos, pero no existe un estándar sobre cómo se implementarían. Tenga en cuenta que se aceptan unidades de tamaño de impresión (es decir pt, cmy in).

Más sobre áreas de sangrado

El término bleedproviene de la imprenta. Se usa para describir el espacio diseñado más allá del borde del papel, de modo que cuando se recorta el papel, el color llega hasta el borde.

¿Cómo es esto útil para el diseño web? Bueno, en realidad, no es exactamente para diseño web en el sentido de que el sangrado no influye en lo que se pinta en la ventana gráfica. En cambio, la @pageregla se utiliza para imprimir páginas web en papel físico. Tener una bleedpropiedad nos da control sobre cómo se renderizan las páginas web cuando se imprimen, como establecer un área de sangrado que debe cortarse. Esto puede resultar especialmente interesante al diseñar páginas web que se utilicen como material de marketing, como carteles.

Más información

• Especificación de nivel 3 del módulo de medios paginados CSS
• Las reglas de CSS

Soporte del navegador

Cromo	Safari	Firefox	Ópera	ES DECIR	Borde	Androide	iOS
No	No	No	No	No	No	No	No