Ardaşık Stil Sayfaları (CSS)

26 Ekim 2007

Ortam (Media) Türleri

Ortam Türleri 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.

Ortam Türleri (Media Types)

Bazı CSS türleri yalnız belirli ortamlarda çalışacak biçimde tasarlanmıştır. Örneğin "ses-ailesi" özellikleri işitsel kullanıcı ortamları için geçerlidir. Diğer türlerden bazıları yalnız (örneğin "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ı CSS iç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 yazı-ağırlığının "koyu" olması hem ekran hem de kağıt için geçerli olduğudur. 

<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif; font-size:14px}
}

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

@media screen,print
{
p.test {font-weight:bold}
}
</style>
</head>

<body>

....

</body>
</html>

See it yourself ! If you are using Mozilla/Firefox or IE 5+ and print this page, you will see that the paragraph under "Media Types" will be displayed in another font, and have a smaller font size than the rest of the text. Kendiniz görün. Eğer Mozilla/Firefox yada IE 5+ kullanıyorsanız ve bu sayfayı yazdırıyorsanız, "Ortam Türleri" başlıklı paragrafın değişik yazı-tipiyle yazıldığını, belgenin diğer bölgelerinin daha küçük yazı-tipi kullanıdığı görürsünüz.

Değişik Ortam Türleri

Not: Ortam türleri adları büyük-küçük harf duyarlı değildir.
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 Eldeki ve küçük birimlerde 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