CSS @page kuralı
- Önceki sayfa padding-top
- Sonraki sayfa page-break-after
Tanım ve Kullanım
CSS @page
Kural, özel yazdırma sayfasının boyutunu, yönelimini ve kenar boşluklarını kişiselleştirmek için kullanılır.
Örnek
Özel Yazdırma Sayfası:
@page :first { margin-left: 40%; margin-top: 50%; } @page :left { margin-left: 10%; margin-top: 10%; } @page :right { margin-left: 90%; margin-top: 90%; }
CSS Güvenliği
@page { margin: value; page-orientation: value; size: value; }
Özellik değeri
Değer | Açıklama |
---|---|
margin | Sayfa dış kenar boşluklarını belirler. |
page-orientation | Sayfanın yönünü belirler. |
size | Hedef boyut ve yönelimini belirleyen sayfa çerçevesi iç bloğu. |
Tarayıcı Desteği
Tablodaki rakamlar, bu @ kuralını tamamen destekleyen ilk tarayıcı sürümünü gösterir.
At-rule | Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
@page | 2 | 12 | 19 | No | 6 |
@page: size | 15 | 79 | 95 | No | 15 |
@page: page-orientation | 85 | 85 | No | No | 71 |
@page: @top-left | 131 | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
@page: @left-top | 131 | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
@page: @top-right | 131 | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
@page: @right-top | 131 | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
@page: @top-center | 131 | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
@page: @bottom-left | 131 | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
@page: @left-bottom | 131 | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
- Önceki sayfa padding-top
- Sonraki sayfa page-break-after