page-breakCSS'de gerçek bir özellik yoktur. Aslında 3 özellikleri bir dizi: page-break-before, page-break-afterve page-break-inside. Bu özellikler, belgenin yazdırıldığında nasıl davranması gerektiğini tanımlamaya yardımcı olur. Örneğin, basılı bir belgeyi daha kitaba benzetmek için.
Özellikleri
sayfa sonu
page-break-beforeÖzelliği o uygulandığı elemanın önce sayfa sonu ekler.
Not : Bu özellik, daha genel break-beforeözellik ile değiştirilmektedir. Bu yeni özellik, sözdizimsel olarak uyumluyken sütun ve bölge sonlarını da işler page-break-before. Bu nedenle kullanmadan önce kullanıp page-break-beforekullanamayacağınızı kontrol edin break-before.
Bunun yaygın bir kullanım örneği, bunu seçiciye uygulamaktır, #commentsböylece yorum içeren bir sayfa yazdıran bir kullanıcı, tüm belgeyi yazdırmayı seçebilir ancak yorumlardan önce temiz bir şekilde durabilir.
sayfa sonu
page-break-afterÖzelliği o uygulandığı öğeden sonra bir sayfa sonu ekler.
Not : Bu özellik, daha genel break-afterözellik ile değiştirilmektedir. Bu yeni özellik, sözdizimsel olarak uyumluyken sütun ve bölge sonlarını da işler page-break-after. Bu nedenle kullanmadan önce kullanıp page-break-afterkullanamayacağınızı kontrol edin break-after.
sayfa içi
page-break-insideÖzelliği o uygulandığı öğenin içinde bir sayfa sonu ekler.
Sözdizimi
page-break-after : auto | always | avoid | left | right page-break-before : auto | always | avoid | left | right page-break-inside : auto | avoidleftVe rightdeğerleri page-break-beforeile page-break-afterayrı sol ve sağ sayfaları vardır (bir kitap gibi) bir yayılma düzeni ifade eder. Şöyle çalışıyorlar:
leftöğeden sonra bir veya iki sayfa sonu zorlar, böylece sonraki sayfa bir sol sayfa olarak biçimlendirilir.rightöğeden sonra bir veya iki sayfa sonu zorlar, böylece sonraki sayfa doğru sayfa olarak biçimlendirilir.
İkisinin alwaysbir karışımı olarak düşünün . Spesifikasyon diyor ki:
Uygun bir kullanıcı aracısı, 'sol' ve 'sağ' değerlerini 'her zaman' olarak yorumlayabilir.
Misal
@media print ( h2 ( page-break-before: always; ) h3, h4 ( page-break-after: avoid; ) pre, blockquote ( page-break-inside: avoid; ) )Bu kod parçacığı 3 şey yapar:
- tüm
h2başlıklardan önce bir sayfa sonu zorlar (belki de belgenizdeki h2 etiketleri yeni bir sayfayı hak eden bölüm başlıklarıdır) - tuhaf göründüğü için alt başlıklardan hemen sonra sayfa sonlarını önler
preetiketlerin ve blok düzeyindeki alıntıların içindeki sayfa sonlarını önler
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Hiç | Hiç | Hiç | 7+ | 4+ | TBD | TBD |
İOS'ta AirPrint gibi mobil cihazlardan yazdırabilirsiniz, ancak bu kadarını test etmedik. Herhangi birinin destek konusunda verisi varsa, bize bildirin.