CSS Çıktı Türleri (Media)

Sitenizi farklı medya türlerinde (sayfa, ekran, tarayıcı) nasıl görüneceğini ayrı ayrı ayarlamanız için bir CSS kodu olan @media <çıktı türü> kodundan faydalanırız.

En çok kullanılan çıktı türleri:

• all - Tüm çıktı türlerinde geçerli
• print - Yazıcı tarafından içeriğin nasıl görüneceği
• screen - Bilgisayar ekranında nasıl görüneceği
• tv - Televizyonda nasıl görüneceği

Örneğin ekranda 14 punto Times New Roman ile görünen yazımızın yazıcıda (printer) 10 punto Arial ile görünmesini şu şekilde sağlayabiliriz:

   @media screen
   {
      p { font: 14pt Times New Roman; }
   }

   @media print
   {
      p { font: 10pt Arial; }
   }

   @media screen, print
   {
      p { font-weight: bold; }
   }
   

Yukarıdaki 3. örnekte font-weight: bold; ile yazının kalın olacağını belirtik ve bunun her iki tür (print, screen) için geçerli olacağı bilgisini araya virgül koyarak verdik.