Krvácet - Triky CSS

Anonim

bleedNemovitost v CSS slouží k zadání prostor mimo část stránky box hranici při určování velikosti tištěné stránky.

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

Všimněte si, že bleedje součástí specifikace Paged Media Module úrovně 3, což je aktuálně rozpracovaný koncept . Ve skutečnosti bleedje přesněji popsán spíše jako popisovač at-rule než jako vlastnost, protože patří do @pageat-rule.

Hodnoty

  • auto: Výchozí hodnota je nula, pokud cropnebyla na marksvlastnosti nastavena hodnota, která vytvoří výchozí hodnotu 6pt.
  • : Nastavuje, jak daleko vně bleedoblasti je v každém směru. Záporné hodnoty jsou přijímány, ale neexistuje žádný standard, jak by byly implementovány. Upozorňujeme, že jsou přijímány jednotky velikosti tisku (tj pt. cmA in).

Více informací o oblastech s krvácením

Termín bleedpochází z tisku. Používá se k popisu prostoru, který je navržen za okraj papíru, takže když je papír oříznut, barva jde až k okraji.

Jak je to užitečné pro webdesign? Ve skutečnosti to není úplně pro webový design v tom smyslu, že krvácení nemá žádný vliv na to, co se ve výřezu vykreslí. Místo toho se @pagepravidlo používá pro tisk webových stránek na fyzický papír. Mít bleedvlastnost nám dává kontrolu toho, jak jsou webové stránky vykreslen při tisku, například o zavedení vypouštěcího prostoru, který je určen k odříznutí. To může být obzvláště skvělé při navrhování webových stránek, které jsou určeny k použití jako marketingový materiál, jako jsou plakáty.

Více informací

  • CSS Paged Media Module úrovně 3 Spec
  • Pravidla CSS

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Okraj Android iOS
Ne Ne Ne Ne Ne Ne Ne Ne