bleed

Die bleed-Eigenschaft in CSS dient zur Festlegung von Platz außerhalb der Grenzen der Seitenbox bei der Bestimmung der Größe einer gedruckten Seite.

@page :left {
  bleed: 10pt;	
}

@page :top {
  bleed: 5cm;	
}

Beachten Sie, dass bleed Teil des Paged Media Module Level 3 Spezifikation ist, die sich derzeit noch in einem Entwurfsstadium befindet. Tatsächlich wird bleed genauer als Deskriptor einer At-Regel denn als Eigenschaft beschrieben, da es zur @page At-Regel gehört.

Werte

• auto: Standardmäßig null, es sei denn, ein crop-Wert wurde für die marks-Eigenschaft festgelegt, die einen Standardwert von 6pt erzeugt.
• <length>: Legt fest, wie weit der bleed-Bereich in jeder Richtung nach außen reicht. Negative Werte sind zulässig, es gibt jedoch keinen Standard dafür, wie sie implementiert werden. Beachten Sie, dass Druckgrößeneinheiten (d.h. pt, cm und in) akzeptiert werden.

Mehr über Beschnittbereiche

Der Begriff bleed stammt aus dem Druckwesen. Er beschreibt einen Bereich, der über den Papierrand hinausgeht, sodass beim Trimmen des Papiers die Farbe bis zum Rand reicht.

Wie ist das für Webdesign nützlich? Nun, tatsächlich ist es nicht gerade für Webdesign gedacht, da der Beschnitt keinen Einfluss darauf hat, was im Viewport angezeigt wird. Stattdessen wird die @page-Regel zum Drucken von Webseiten auf physisches Papier verwendet. Eine bleed-Eigenschaft gibt uns Kontrolle darüber, wie Webseiten beim Drucken gerendert werden, z. B. durch Festlegen eines Beschnittbereichs, der abgeschnitten werden soll. Dies könnte besonders cool sein, wenn Webseiten für Marketingmaterialien wie Poster gestaltet werden.

Weitere Informationen

• CSS Paged Media Module Level 3 Spezifikation
• The At-Rules of CSS

Browser-Unterstützung

IE	Edge	Chrome	Firefox	Safari
Nein	Nein	Nein	Nein	Nein

iOS	Chrome Android	Firefox Chrome	Android Browser	Opera Mobile
Nein	Nein	Nein	Nein	Nein