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.