@page kuralı
@page kuralı ile sayfa boyutunu öğrenirsin.
@page bildirimi nedir?
Yazdırılan sayfanın boyutunu ve kenar boşluklarını @page bildirimiyle verirsin. Bildirim doğrudan @page sözcüğüyle başlar ve süslü parantez içinde size ile margin özelliklerini taşır. Örneğin @page { size: A4; margin: 2cm; } her sayfayı A4 yapar.
@page yalnızca yazdırma penceresinde ve sayfalanmış önizlemede çalışır; ekranda görünmez. Yazdırma düzenini denetlemenin anahtarıdır.
size özelliği
size özelliği yazdırılacak kâğıdın boyutunu ve yönünü söyler. Anahtar sözcüklerden birini ya da iki değer verirsin: A4, letter, landscape, portrait. Örnek: @page { size: A4 landscape; }.
Özel bir boyut için iki uzunluk da yazılabilir: size: 148mm 210mm. Bu, A5'e yakın bir sayfa verir. Yazdırma penceresinde kâğıt seçimi bu değere uyar.
margin özelliği
Yazdırma kenar boşluğunu margin verir. @page { margin: 2cm; } dört kenara da ikişer santim bırakır. Tek değer dört kenara, iki değer dikey-yatay, dört değer üst-sağ-alt-sol sırasıyla uygulanır.
Boşluk büyük olursa içerik küçülür; küçük olursa yazıcı kenarına taşabilir. Yazıcının fiziksel sınırını aşmamak için 1.5cm ve üzeri güvenlidir.
Uygulama A4 yatay sayfa ayarı yaz
Bir @page bildirimi yaz. size özelliği A4 landscape, margin özelliği 1.5cm olsun. İki bildirimi de aynı @page bloğu içinde tanımla.
Örnek çözümü göster
/* A4 yatay sayfa ayarı */
@page {
size: A4 landscape;
margin: 1.5cm;
}
Kendini test et
-
@page bildirimi neyi ayarlar?
@page { size: A4; margin: 2cm; }- Sayfa boyutunu ve kenar boşluğunu
- Yalnızca yazı rengini
- Yalnızca satır yüksekliğini
- Yalnızca ekran çözünürlüğünü
Cevabı göster
Sayfa boyutunu ve kenar boşluğunu — Doğru. @page bildirimi size ile boyutu, margin ile kenar boşluğunu belirler.
-
size değerini tamamla
@page { size: ____; margin: 2cm; }Cevabı göster
@page { size: A4 portrait; margin: 2cm; } -
Her parçayı anlamına eşle
- size: A4
- Sayfa boyutu
- margin: 2cm
- Kenar boşluğu
- size: landscape
- Yatay yön
- @page
- Sayfa bildirimi