CSS page-break-after özelliği
- Önceki sayfa @page
- Sonraki Sayfa page-break-before
Tanım ve kullanım
page-break-after özelliği, elemanın ardından sayfa bölme davranışını ayarlar.
Always ile sayfa bölme işaretini zorla eklemek mümkündür, ancak sayfa bölme işaretinin eklenmesini önlemek mümkün değildir, yaratıcılar en fazla kullanıcı aracısını sayfa bölme işaretinin eklenmesini önlemek için talep edebilir.
Uygulanır:Position değeri relative veya static olan sarmal olmayan blok elementleri.
Yorum:Mümkün olduğunca az sayfa bölme özellikleri kullanın ve sayfa bölme özelliklerini tablolar, yüzen elemanlar ve kenarlıklı blok elemanlarında kullanmaktan kaçının.
Ayrıca bkz.:
HTML DOM referans el kitabı:pageBreakAfter özelliği
Örnek
Tablo elemanı ardından her zaman sayfa bölme davranışı ayarlamak:
<html> <head> <style> @media print { table {page-break-after:always;} } </style> </head> <body> .... </body> </html>
CSS dilbilgisi
page-break-after: auto|always|avoid|left|right|initial|inherit;
Özellik değeri
Değer | Açıklama |
---|---|
auto | Öntanımlı. Gerekirse elemanın ardından sayfa bölme işareti eklemek. |
always | Elemanın ardından sayfa bölme işareti eklemek. |
avoid | Elemanın ardından sayfa bölme işareti eklemeyi önlemek. |
left | Elemanın ardından yeterli sayfa bölme işareti, boş bir sol sayfaya kadar. |
right | Elemanın ardından yeterli sayfa bölme işareti, boş bir sağ sayfaya kadar. |
inherit | page-break-after özelliğinin ayarlarını ebeveyn elemanından alması gerektiğini belirtir. |
Teknik ayrıntılar
Öntanımlı değer: | auto |
---|---|
Kalıtım: | no |
Sürüm: | CSS2 |
JavaScript dilbilgisi: | object.style.pageBreakAfter="always" |
Tarayıcı desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
- Önceki sayfa @page
- Sonraki Sayfa page-break-before