Vuotaa - CSS-temppuja | CSS-almanakka 2025

bleedOmaisuus CSS on määrittämiseen pihalla sivun laatikko rajaa määritettäessä kokoa tulostetun sivun.

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

Huomaa, että se bleedon osa Paged Media Module Level 3 -määritystä, joka on parhaillaan luonnos käynnissä. Itse asiassa bleedsitä kuvataan tarkemmin at-säännön kuvaajana eikä ominaisuutena, koska se kuuluu @pageat-sääntöön.

Arvot

auto: Oletusarvo on nolla, ellei ominaisuudelle cropole asetettu arvoa, marksjoka luo oletusarvon 6pt.
: Asettaa kuinka kaukana bleedalueen ulkopuolella on kumpaankin suuntaan. Negatiiviset arvot hyväksytään, mutta niiden toteuttamiselle ei ole standardia. Huomaa, että painatuksen kokoa yksikköä (eli pt, cmja in) hyväksytään.

Lisää vuotoalueista

Termi bleedtulee painatuksesta. Sitä käytetään kuvaamaan tilaa, joka on suunniteltu paperin reunan ulkopuolelle siten, että kun paperi leikataan, väri menee aina reunaan saakka.

Kuinka tästä on hyötyä verkkosivujen suunnittelussa? No, oikeastaan, se ei ole aivan verkkosuunnittelua varten siinä mielessä, että vuoto ei vaikuta siihen, mitä maalataan näkymässä. Sen sijaan @pagesääntöä käytetään verkkosivujen tulostamiseen fyysiselle paperille. Ottaa bleedominaisuus antaa meille valvoa miten web sivut muodostetaan tulostettaessa, kuten perustamalla vuoto alue, joka on tarkoitus katkaista. Tämä voi olla erityisen hienoa suunniteltaessa verkkosivuja, jotka on tarkoitettu käytettäväksi markkinointivakuutena, kuten julisteita.