Sangrar - CSS-Tricks

A bleedpropriedade em CSS é para especificar o espaço fora do limite da caixa da página ao determinar o tamanho de uma página impressa.

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

Observe que bleedfaz parte da especificação do Paged Media Module Nível 3, que atualmente é um rascunho em andamento. Na verdade, bleedé descrito com mais precisão como um descritor na regra em vez de uma propriedade, pois pertence à @pageregra at.

Valores

• auto: O padrão é zero, a menos que um cropvalor tenha sido definido na markspropriedade que cria um padrão de 6pt.
• : Define a distância fora da bleedárea em cada direção. Valores negativos são aceitos, mas não há um padrão de como eles seriam implementados. Observe que as unidades de tamanho de impressão (ou seja pt, cme in) são aceitas.

Mais sobre áreas de sangramento

O termo bleedvem de impressão. É usado para descrever o espaço projetado além da borda do papel, de modo que, quando o papel for aparado, a cor vá até a borda.

Como isso é útil para web design? Bem, na verdade, não é exatamente para web design, no sentido de que o sangramento não tem relação com o que é pintado na janela de visualização. Em vez disso, a @pageregra é usada para imprimir páginas da web em papel físico. Ter uma bleedpropriedade nos dá controle sobre como as páginas da web são renderizadas quando impressas, como estabelecer uma área de sangramento que deve ser cortada. Isso pode ser especialmente interessante ao projetar páginas da Web destinadas a serem usadas como material de marketing, como pôsteres.

Mais Informações

• Especificações de módulo de mídia paginada CSS de nível 3
• As regras do CSS

Suporte para navegador

cromada	Safári	Raposa de fogo	Ópera	IE	Beira	Android	iOS
Não	Não	Não	Não	Não	Não	Não	Não