@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

Sıradaki ders: Page break

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler