CSS bleed-Eigenschaft

Die CSS-Eigenschaft bleed legt den Umfang des Seitenblutbereichs außerhalb der Seitenbox fest.

Diese Eigenschaft ist eine Kurzschreibweise für bleed-top, bleed-right, bleed-bottom und bleed-left.

Sie wirkt nur, wenn die Eigenschaft marks auf crop gesetzt ist (z. B. @page { marks: crop; }).

Sie akzeptiert zwei Werte: auto und length. Wenn marks auf crop gesetzt ist, wird auto zu 6pt aufgelöst. Andernfalls wird es zu 0 aufgelöst. Der Wert length gibt an, wie weit sich der Blutbereich in jede Richtung über die Seitenbox hinaus erstreckt.

Anfangswert	auto
Anwendbar auf	@page-Regeln
Vererbbar	Nein
Animierbar	Nein
Version	CSS Paged Media Module Level 3
DOM-Syntax	N/A

Syntax

Syntax der CSS bleed-Eigenschaft

bleed: auto | length;

Hinweis

Die Eigenschaft bleed wirkt sich nur auf die Druckausgabe aus und hat keine Auswirkung auf die Anzeige auf Bildschirmen.

Verwenden Sie das folgende Codebeispiel der bleed-Eigenschaft, um das Ergebnis zu sehen:

Beispiel für die CSS bleed-Eigenschaft

@page {
  bleed: 1cm;
}

Werte

Wert	Beschreibung
auto	Wird zu 6pt aufgelöst, wenn marks auf crop gesetzt ist. Andernfalls wird es zu 0 aufgelöst.
length	Gibt an, wie weit sich der Blutbereich in jede Richtung über die Seitenbox hinaus erstreckt.

Browserunterstützung

Die Unterstützung für Paged-Media-Eigenschaften wie bleed ist begrenzt. Sie wird hauptsächlich in Druckvorschau-Engines und Safari implementiert, ist jedoch in anderen Browsern für die Live-Bildschirmdarstellung nicht weit verbreitet.

Practice

Was ist die korrekte Verwendung und Funktion von bleed in CSS?

Es hilft, einen Teil der Box freizulegen, der eigentlich verborgen sein sollte.Es kann mit der CSS-Eigenschaft 'box-decoration-break' verwendet werden.Es wirkt sich auf den sichtbaren Teil einer CSS-Box aus.Es hilft, das Layout eines Elements auf einer Webseite anzupassen.