page-breakCSS nav reāla īpašuma. Tas ir faktiski kopa 3 īpašības: page-break-before, page-break-afterun page-break-inside. Šīs īpašības palīdz noteikt, kā dokumentam jāuzskata drukājot. Piemēram, lai izdrukātu dokumentu padarītu līdzīgāku grāmatai.
Rekvizīti
page-break-before
page-break-beforeĪpašums piebilst lappuses pauze pirms elementa, uz ko tā ir piemērota.
Piezīme . Šis rekvizīts tiek aizstāts ar vispārīgāku break-beforerekvizītu. Šis jaunais īpašums apstrādā arī kolonnu un reģionu pārtraukumus, vienlaikus ir sintaktiski savietojams ar page-break-before. Tādējādi pirms lietošanas page-break-beforepārbaudiet, vai varat to izmantot break-before.
Parasti tam ir jāpiemēro atlasītājam, #commentslai lietotājs, kas drukā lapu ar komentāriem, varētu viegli izvēlēties drukāt visu dokumentu, bet apstāties pirms komentāru tīrīšanas.
lapu pārtraukums
page-break-afterĪpašums piebilst lappuses-pārtraukumu pēc elementa, uz ko tā ir piemērota.
Piezīme . Šis rekvizīts tiek aizstāts ar vispārīgāku break-afterrekvizītu. Šis jaunais īpašums apstrādā arī kolonnu un reģionu pārtraukumus, vienlaikus ir sintaktiski savietojams ar page-break-after. Tādējādi pirms lietošanas page-break-afterpārbaudiet, vai varat to izmantot break-after.
lapu ielaušanās iekšpusē
page-break-insideĪpašums piebilst lappuses pauze iekšpusē elementa, uz ko tā ir piemērota.
Sintakse
page-break-after : auto | always | avoid | left | right page-break-before : auto | always | avoid | left | right page-break-inside : auto | avoidleftUn rightvērtības page-break-before, un page-break-afterattiecas uz izplatīties izkārtojumu (piemēram, grāmatas), kur ir atšķirīga kreiso un labo lapas. Viņi strādā šādi:
leftpiespiež vienu vai divas lappuses pārtraukumus pēc elementa, lai nākamā lapa tiktu formatēta kā kreisā lappuse.rightpiespiež vienu vai divas lappuses pārtraukumus pēc elementa, lai nākamā lapa tiktu formatēta kā labā lappuse.
Apsveriet alwayskā abu maisījumu. Specifikācijā teikts:
Atbilstošs lietotāja aģents vērtības “kreisais” un “labais” var interpretēt kā “vienmēr”.
Piemērs
@media print ( h2 ( page-break-before: always; ) h3, h4 ( page-break-after: avoid; ) pre, blockquote ( page-break-inside: avoid; ) )Šis koda fragments veic trīs darbības:
- tas piespiež pārtraukumu pirms visām
h2virsrakstiem (iespējams, h2 tagi jūsu dokumentā ir nodaļu nosaukumi, kas ir pelnījuši jaunu lapu) - tas novērš lapu pārtraukumus uzreiz pēc apakšvirsrakstiem, jo tas izskatās dīvaini
- tas novērš lapu pārtraukumus
pretagos un bloka līmeņa pēdiņās
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jebkurš | Jebkurš | Jebkurš | 7+ | 4+ | TBD | TBD |
Varat drukāt no mobilajām ierīcēm, piemēram, AirPrint operētājsistēmā iOS, taču mēs neesam tik daudz testējuši. Ja kādam ir dati par atbalstu, informējiet mūs.