Bløde - CSS-tricks | CSS Almanak 2025

Den bleedejendom i CSS er til angivelse plads uden på siden boksen grænse ved udmåling af en trykt side.

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

Bemærk, at det bleeder en del af Paged Media Module niveau 3-specifikationen, som i øjeblikket er et igangværende kladde . Faktisk bleeder det mere nøjagtigt beskrevet som en at-descriptor snarere end en ejendom, da den hører til at @page-rule.

Værdier

auto: Standard er nul, medmindre der croper angivet en værdi på marksejendommen, der opretter en standard på 6pt.
: Indstiller hvor langt uden for bleedområdet er i hver retning. Negative værdier accepteres, men der er ingen standard for, hvordan de ville blive implementeret. Bemærk, at print størrelse enheder (dvs. pt, cmog in) accepteres.

Mere om blødningsområder

Udtrykket bleedkommer fra udskrivning. Det bruges til at beskrive plads, der er designet ud over papirets kant, så når papiret er trimmet, går farven helt til kanten.

Hvordan er dette nyttigt til webdesign? Nå, faktisk er det ikke ligefrem til webdesign i den forstand, at blødningen ikke har nogen indflydelse på, hvad der bliver malet i visningen. I stedet @pagebruges reglen til udskrivning af websider på fysisk papir. At have en bleedegenskab giver os kontrol over, hvordan websider gengives, når de udskrives, såsom at etablere et udluftningsområde, der er beregnet til at blive afskåret. Dette kan være særligt sejt, når man designer websider, der er beregnet til brug som markedsføringssikkerhed, som plakater.