Prelom strani

V page-breakCSS ni dejanske lastnosti. To je pravzaprav niz 3 lastnosti: page-break-before, page-break-afterin page-break-inside. Te lastnosti pomagajo določiti, kako naj se dokument obnaša ob tiskanju. Na primer, da bo natisnjen dokument bolj podoben knjigi.

Lastnosti

page-break-beforeLastnost dodaja stran-break pred element, na katerega je pritrjen.

Opomba : ta lastnost je v postopku zamenjave z bolj generično break-beforelastnostjo. Ta nova lastnost obdeluje tudi prelome stolpcev in regij, hkrati pa je sintaksično združljiva z page-break-before. Pred uporabo torej page-break-beforepreverite, ali lahko break-beforenamesto njega uporabite .

Običajni primer tega je uporaba na izbirniku, #commentstako da se lahko uporabnik, ki tiska stran s komentarji, zlahka odloči za tiskanje celotnega dokumenta, vendar se pred komentarji čisto ustavi.

prelom strani

page-break-afterLastnost dodaja stran-break po element, na katerega je pritrjen.

Opomba : ta lastnost je v postopku zamenjave z bolj generično break-afterlastnostjo. Ta nova lastnost obdeluje tudi prelome stolpcev in regij, hkrati pa je sintaksično združljiva z page-break-after. Pred uporabo torej page-break-afterpreverite, ali lahko break-afternamesto njega uporabite .

prelom strani

page-break-insideLastnost dodaja stran-break znotraj elementa, na katerega je pritrjen.

Sintaksa

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

leftIn rightvrednosti za page-break-beforein page-break-afterse nanašajo na postavitev širjenja (kot v knjigi), kjer so izrazito levi in desni strani. Delujejo tako:

left prisili enega ali dva preloma strani za elementom, tako da je naslednja stran oblikovana kot leva stran.
right prisili enega ali dva preloma strani za elementom, tako da je naslednja stran oblikovana kot desna stran.

Razmislite alwayso mešanici obeh. Specifikacija pravi:

Skladni uporabniški agent lahko vrednosti "levo" in "desno" razlaga kot "vedno".

Primer

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

Ta delček kode naredi 3 stvari:

prisili prelom strani pred vsemi h2naslovi (morda so oznake h2 v vašem dokumentu naslovi poglavij, ki si zaslužijo novo stran)
preprečuje prelome strani takoj po podnaslovih, ker je to videti čudno
preprečuje prelome strani znotraj preoznak in narekovajev na ravni blokov