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: Elcropvalor predeterminado es cero a menos que se haya establecido un valor en lamarkspropiedad que crea un valor predeterminado de6pt.: Establece qué tan lejos está elbleedá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 decirpt,cmyin).
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 |