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:
Kod:
@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.
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:
Kod:
@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.