Sivunvaihto

page-breakCSS: ssä ei ole varsinaista ominaisuutta. Se on itse asiassa joukko 3 ominaisuudet: page-break-before, page-break-afterja page-break-inside. Nämä ominaisuudet auttavat määrittämään, kuinka asiakirjan on tarkoitus toimia tulostettaessa. Esimerkiksi tehdä painetusta asiakirjasta kirjamuotoisempi.

Ominaisuudet

page-break-before

page-break-beforeOminaisuus lisää sivun tauon ennen elementti, johon sitä sovelletaan.

Huomaa : tämä ominaisuus on parhaillaan korvaamassa yleisemmällä break-beforeominaisuudella. Tämä uusi ominaisuus käsittelee myös sarakkeiden ja alueiden rikkoutumisen samalla kun se on syntaktisesti yhteensopiva page-break-before. page-break-beforeTarkista siis ennen käyttöä , että voit käyttää sitä break-before.

Tämän yleinen käyttötapaus on soveltaa sitä valitsimeen, #commentsjotta kommentteja sisältävän sivun tulostava käyttäjä voisi helposti päättää tulostaa koko asiakirjan, mutta pysähtyä ennen kommentteja puhtaasti.

page-break-afterOminaisuus lisää sivun tauon jälkeen elementti, johon sitä sovelletaan.

Huomaa : tämä ominaisuus on parhaillaan korvaamassa yleisemmällä break-afterominaisuudella. Tämä uusi ominaisuus käsittelee myös sarakkeiden ja alueiden rikkoutumisen samalla kun se on syntaktisesti yhteensopiva page-break-after. page-break-afterTarkista siis ennen käyttöä , että voit käyttää sitä break-after.

sivunvaihto

page-break-insideOminaisuus lisää page-break sisällä elementti, johon sitä sovelletaan.

Syntaksi

page-break-after : auto | always | avoid | left | right page-break-before : auto | always | avoid | left | right page-break-inside : auto | avoid

leftJa rightarvot page-break-beforeja page-break-afterviittaavat leviäminen asettelu (kuten kirja), jossa on erilliset vasemman ja oikean sivun. He työskentelevät näin:

left pakottaa yhden tai kaksi sivutaukoa elementin jälkeen niin, että seuraava sivu muotoillaan vasemmaksi sivuksi.
right pakottaa yhden tai kaksi sivutaukoa elementin jälkeen niin, että seuraava sivu muotoillaan oikealle sivulle.

Harkitse alwayssekoitus molempia. Eritelmässä sanotaan:

Hyväksyvä käyttäjäagentti voi tulkita arvot 'vasen' ja 'oikea' aina 'aina'.

Esimerkki

@media print ( h2 ( page-break-before: always; ) h3, h4 ( page-break-after: avoid; ) pre, blockquote ( page-break-inside: avoid; ) )

Tämä koodinpätkä tekee 3 asiaa:

se pakottaa sivunvaihdon ennen kaikkia h2otsikoita (ehkä asiakirjan h2-tunnisteet ovat luvun otsikot, jotka ansaitsevat uuden sivun)
se estää sivunvaihdot heti alaotsikoiden jälkeen, koska se näyttää oudolta
se estää sivujen katkeamisen pretunnisteiden sisällä ja lohkotason lainausmerkit