У page-breakЦСС-у не постоји стварно својство. То је заправо скуп 3 особина: page-break-before, page-break-afterи page-break-inside. Ова својства помажу у дефинисању понашања документа када се штампа. На пример, да бисте одштампани документ учинили сличнијим књигама.
Својства
прелом странице
page-break-beforeИмовина додаје паге-бреак пред елемент који се наноси.
Напомена : ово својство је у току и биће замењено општијим break-beforeсвојством. Ово ново својство такође обрађује преломе колона и региона, док је синтаксички компатибилно са page-break-before. Стога пре употребе page-break-beforeпроверите да ли можете да користите break-beforeуместо тога.
Уобичајени случај примене је да се примени на бирачу, #commentsтако да корисник који штампа страницу са коментарима може лако изабрати да одштампа цео документ, али да се заустави пре коментара чисто.
прелом странице
page-break-afterИмовина додаје паге-бреак након елемента за који се наноси.
Напомена : ово својство је у току и биће замењено општијим break-afterсвојством. Ово ново својство такође обрађује преломе колона и региона, док је синтаксички компатибилно са page-break-after. Стога пре употребе page-break-afterпроверите да ли можете да користите break-afterуместо тога.
прелом странице
page-break-insideИмовина додаје паге-бреак унутар елемента на који се наноси.
Синтакса
page-break-after : auto | always | avoid | left | right page-break-before : auto | always | avoid | left | right page-break-inside : auto | avoidleftИ rightвредности за page-break-beforeи page-break-afterодносе се на распоред Спреад (попут књиге) у којој се налазе посебан лево и десно стране. Они раде овако:
leftфорсира једну или две преломе странице након елемента тако да је следећа страница обликована као лева страница.rightфорсира један или два прелома странице након елемента тако да је следећа страница обликована као десна страница.
Размотрите alwaysкао мешавину оба. Спецификација каже:
Прилагођени кориснички агент може вредности „лево“ и „десно“ протумачити као „увек“.
Пример
@media print ( h2 ( page-break-before: always; ) h3, h4 ( page-break-after: avoid; ) pre, blockquote ( page-break-inside: avoid; ) )Овај исечак кода чини 3 ствари:
- намеће прелом странице пре свих
h2наслова (можда су ознаке х2 у вашем документу наслови поглавља који заслужују нову страницу) - спречава преломе страница одмах након поднаслова јер то изгледа необично
- спречава преломе страница унутар
preознака и цитата на нивоу блока
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| Било који | Било који | Било који | 7+ | 4+ | ТБД | ТБД |
Можете да штампате са мобилних уређаја, попут АирПринт-а на иОС-у, али нисмо толико тестирали. Ако неко има податке о подршци, јавите нам.