CSS Medya Tipleri - Media Types

Medya Tipleri değişik ortamlarda belgelerin nasıl sunulduğunu gösterir. Belgeler ekranda, kağıtta ve diğer tarayıcılar gibi ortamlarda değişik biçimlerde görüntülenebilir.

Bazı CSS türleri yalnız belirli ortamlarda çalışacak biçimde tasarlanmıştır. Örneğin "voice-family (ses ailesi)" özellikleri işitsel kullanıcı ortamları için geçerlidir. Diğer türlerden bazıları yalnız (örneğin "font-size (yazı tipi boyu)" özelliği) ekran ve yazıcı ortamları için geçerli olabilir ama farklı değerlerle etkin olabilirler. Bir belge ekranda kağıda oranla daha büyük yazı tipine gereksinim duyar. Örneğin sans-serif yazı-tipi ekranda daha okunaklıyken, serif yazı-tipi kağıtta daha iyidir.

@media Kuralı

@media kuralı değişik stil kurallarını değişik ortamlar için aynı CSSiçinde tanımlamaya yarar.

Aşağıdaki örnekte ekranda görüntülenen yazı 14px verdana yazı tipi kullanır ama eğer sayfa yazdırılacaksa yazı 10px Times yazı tipi olur. Dikkate edilecek konu, metinin font-weight:bold; olması hem ekran için hem de kağıt için aynıdır.

<style>

@media screen
{
   p {
   font-family:verdana,sans-serif;font-size:14px;
   }
}

@media print
{
   p {
   font-family:times,serif;font-size:10px;
   }
}

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

</style>

Değişik Ortam Türleri

Ortam Türü	Açıklama
all	Her ortam türü birimlerinde kullanılır.
aural	Ses sentez birimlerinde kullanılır.
braille	Braille için dokunmalı geri besleme birimlerinde kullanılır.
embossed	Barille sayfalarının yazdırılmasında kullanılır.
handheld	Cep telefonları ve avuçiçi bilgisayarlar için kullanılır.
print	Yazıcılarda kullanılır.
projection	Slaytlar gibi proje sunumlarında kullanılır.
screen	Bilgisayar ekranlarında kullanılır.
tty	Terminaller gibi değişmez harflerle yazılması söz konusu olan ortamlarda kullanılır.
tv	Televizyon türü birimlerde kullanılır.