رسانه های مختلف در CSS
انواع رسانه ها (Media Types)
Media Typeها به شما اجاره می دهد تا چگونگی نمایش سندها در رسانه های مختلف را مشخص کنید، یک سند می تواند روی کاغذ و یا روی صفحه مونیتور به طور متفاوت نمایش داده شود.
بعضی از خصوصیات CSS ، تنها برای یک رسانه خاص تعریف شده است. برای مثال خصوصیت "voice-family" فقط برای عوامل شفاهی (aural) طراحی شده است. بعضی دیگر از خصوصیات می توانند در انواع رسانه های مختلف استفاده شوند. برای مثال، خصوصیت "font-size" می تواند هم برای صفحه نمایش و هم برای کاغذ پرینت استفاده شود، اما شاید با مقادیر مختلف. برای تنظیم خصوصیت "font-size" یک سند، معمولاً به مقدار بزرگتری روی صفحه نمایش نسبت به کاغد پرینت نیاز است، و همچنین فونت Tahoma روی صفحه نمایش راحت تر خوانده می شود، درحالی که فونت Nazanin برای چاپ روی کاغذ مناسب تر است.
قانون media@
این قانون به شما اجازه می دهد تا styleهای مختلفی را برای رسانه ها متفاوت در یک برگه style تعریف کنید.
در مثال زیر، مرورگر روی صفحه نمایش یک فونت Verdana با اندازه 14px را نمایش می دهد. اما اگر صفحه پرینت گرفته شود، آنرا با فونت Times و با اندازه 10px نمایش خواهد داد. توجه داشته باشید که در هر دو رسانه خصوصیت font-weight با مقدار "bold" تنظیم شده است:
<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>
اگر در حال استفاده از مرورگر firefox یا IE5 و نسخه های بالاتر هستید، صفحه بالا را چاپ کنید، خواهید دید که پاراگراف در رسانه های مختلف با فونت و اندازه های متفاوتی نمایش داده می شود.
Media Typeهای مختلف
توجه: نام Media Typeها به حروف بزرگ و کوچک، حساس نیست.
Media Type | توضیحات |
---|---|
all |
برای تمام رسانه های مختلف استفاده می شود |
aural |
برای رسانه های شفاهی استفاده می شود |
braille |
برای وسیله های لمسی مخصوص نابینایان استفاده می شود |
embossed |
برای پرینترهای مخصوص نابینایان استفاده می شود |
handheld |
برای وسیله های کوچک یا دستی استفاده می شود |
برای چاپ استفاده می شود |
|
projection |
برای پروژه های ارائه ای مانند slideها استفاده می شود |
screen |
برای صفحه نمایش کامپیوتر استفاده می شود |
tty |
برای رسانه هایی که از کاراکترهای با عرض ثابت (fixed-pitch) استفاده می کنند کاربرد دارد مانند تله تایپ ها یا دورنگارها و ترمینال ها |
tv |
برای تلویزیون استفاده می شود |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 20652