Koniec stránky

V page-breakCSS neexistuje skutočné vlastníctvo. Je to vlastne sada 3 vlastnosti: page-break-before, page-break-aftera page-break-inside. Tieto vlastnosti pomáhajú definovať, ako sa má dokument správať pri tlači. Napríklad, aby sa vytlačený dokument podobal viac na knihu.

Vlastnosti

koniec stránky pred

page-break-beforeVlastnosť pridá page-break pred prvok, na ktorý je aplikovaný.

Poznámka : Táto vlastnosť práve prechádza nahradením všeobecnejšou break-beforevlastnosťou. Táto nová vlastnosť tiež spracováva zlomy stĺpcov a oblastí, pričom je syntakticky kompatibilná s page-break-before. Pred použitím teda page-break-beforeskontrolujte, či môžete break-beforenamiesto nich použiť .

Bežným prípadom použitia je použiť ho na selektor, #commentsaby sa používateľ tlačiaci stránku s komentármi mohol ľahko rozhodnúť vytlačiť celý dokument, ale zastaviť pred komentármi čisto.

page-break-afterVlastnosť pridá page-break po prvku, na ktorý je aplikovaný.

Poznámka : Táto vlastnosť práve prechádza nahradením všeobecnejšou break-aftervlastnosťou. Táto nová vlastnosť tiež spracováva zlomy stĺpcov a oblastí, pričom je syntakticky kompatibilná s page-break-after. Pred použitím teda page-break-afterskontrolujte, či môžete break-afternamiesto nich použiť .

zlomok stránky

page-break-insideVlastnosť pridá page-break vnútri prvku, ktorý je aplikovaný.

Syntax

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

Hodnoty lefta righthodnotia page-break-beforea page-break-afterodkazujú na rozloženie (ako kniha), kde sú zreteľné ľavé a pravé stránky. Fungujú takto:

left vynúti za prvkom jedno alebo dve zalomenia stránky, takže ďalšia stránka bude naformátovaná ako ľavá stránka.
right vynúti za prvkom jedno alebo dve zalomenia stránky, takže ďalšia stránka bude naformátovaná ako správna stránka.

Zvážte to alwaysako kombináciu oboch. Špecifikácia hovorí:

Vyhovujúci užívateľský agent môže interpretovať hodnoty „vľavo“ a „vpravo“ ako „vždy“.

Príklad

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

Tento útržok kódu robí 3 veci:

vynúti zalomenie stránky pred všetkými h2nadpismi (možno štítky h2 v dokumente sú názvy kapitol, ktoré si zaslúžia novú stránku)
zabraňuje zlomom stránky hneď za podnadpismi, pretože to vyzerá zvláštne
zabraňuje zlomom strán v preznačkách a úvodzovkách na úrovni blokov