CodeBlanks Logo Icon CodeBlanks

@page kuralı

CSS kursu · İleri seviye · Ders 37/52

@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

  1. @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.

  2. size değerini tamamla

    @page {
      size: ____;
      margin: 2cm;
    }
    Cevabı göster
    @page {
      size: A4 portrait;
      margin: 2cm;
    }
  3. 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

İleri seviye bölümündeki tüm dersler