Bluten - CSS-Tricks | CSS-Almanach 2025

Die bleedEigenschaft in CSS dient zum Angeben eines Bereichs außerhalb der Seitenfeldgrenze, wenn die Größe einer gedruckten Seite bestimmt wird.

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

Beachten Sie, dass ein bleedTeil des Paged Media Module Stufe 3 spec ist, die derzeit ist Entwurf im Gange. Tatsächlich bleedwird es genauer als ein At-Regel-Deskriptor und nicht als eine Eigenschaft beschrieben, da es zur @pageAt-Regel gehört.

Werte

auto: Der Standardwert ist Null, es sei denn crop, für die marksEigenschaft wurde ein Wert festgelegt, der einen Standardwert von erstellt 6pt.
: Legt fest, wie weit sich der bleedBereich in jeder Richtung außerhalb des Bereichs befindet. Negative Werte werden akzeptiert, aber es gibt keinen Standard für die Implementierung. Beachten Sie, dass Druckgröße Einheiten (dh pt, cmund in) werden akzeptiert.

Mehr zu Blutungsbereichen

Der Begriff bleedstammt aus dem Druck. Es wird verwendet, um den Raum zu beschreiben, der jenseits der Papierkante gestaltet ist, sodass die Farbe beim Zuschneiden des Papiers bis zur Kante reicht.

Wie ist das für das Webdesign nützlich? Nun, eigentlich ist es nicht gerade für das Webdesign in dem Sinne, dass der Anschnitt keinen Einfluss darauf hat, was im Ansichtsfenster gemalt wird. Stattdessen wird die @pageRegel zum Drucken von Webseiten auf physisches Papier verwendet. Wenn bleedwir eine Eigenschaft haben, können wir steuern, wie Webseiten beim Drucken gerendert werden, z. B. indem ein Beschnittbereich eingerichtet wird, der abgeschnitten werden soll. Dies kann besonders cool sein, wenn Sie Webseiten entwerfen, die als Marketingmaterialien dienen sollen, z. B. Poster.