Blø - CSS-triks

Anonim

Den bleedeiendom i CSS er for å spesifisere plass utenfor på siden boksen grensen ved fastsettelse av størrelsen på en trykt side.

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

Merk at det bleeder en del av Paged Media Module Level 3-spesifikasjonen, som for øyeblikket er et utkast som pågår. Faktisk bleeder det mer nøyaktig beskrevet som en at-rule deskriptor i stedet for en eiendom siden den tilhører @pageat-rule.

Verdier

  • auto: Standard er null med mindre en cropverdi er satt til markseiendommen som skaper en standard på 6pt.
  • : Angir hvor langt utenfor bleedområdet er i hver retning. Negative verdier aksepteres, men det er ingen standard for hvordan de vil bli implementert. Merk at utskrifts størrelse enheter (dvs. pt, cmog in) er akseptert.

Mer om Bleed Areas

Begrepet bleedkommer fra utskrift. Den brukes til å beskrive plass som er designet utenfor kanten av papiret, slik at når papiret er trimmet, går fargen helt til kanten.

Hvordan er dette nyttig for webdesign? Vel, faktisk er det ikke akkurat for webdesign i den forstand at blødningen ikke har noe å si for det som blir malt i visningsområdet. I stedet brukes @pageregelen for å skrive ut websider på fysisk papir. Å ha en bleedeiendom gir oss kontroll over hvordan websider blir gjengitt når de skrives ut, for eksempel å etablere et bløningsområde som er ment å bli kuttet av. Dette kan være spesielt kult når du designer websider som er ment å brukes som markedsføringssikkerhet, som plakater.

Mer informasjon

  • CSS Paged Media Module Level 3 Spec
  • At-Rules for CSS

Nettleserstøtte

Chrome Safari Firefox Opera DVS Kant Android iOS
Nei Nei Nei Nei Nei Nei Nei Nei