سبد (0)

رسانه های مختلف در CSS

انواع رسانه ها (Media Types)

Wiki

Media Typeها به شما اجاره می دهد تا چگونگی نمایش سندها در رسانه های مختلف را مشخص کنید، یک سند می تواند روی کاغذ و یا روی صفحه مونیتور به طور متفاوت نمایش داده شود.

بعضی از خصوصیات CSS ، تنها برای یک رسانه خاص تعریف شده است. برای مثال خصوصیت "voice-family" فقط برای عوامل شفاهی (aural) طراحی شده است. بعضی دیگر از خصوصیات می توانند در انواع رسانه های مختلف استفاده شوند. برای مثال، خصوصیت "font-size" می تواند هم برای صفحه نمایش و هم برای کاغذ پرینت استفاده شود، اما شاید با مقادیر مختلف. برای تنظیم خصوصیت "font-size" یک سند، معمولاً به مقدار بزرگتری روی صفحه نمایش نسبت به کاغد پرینت نیاز است، و همچنین فونت Tahoma روی صفحه نمایش راحت تر خوانده می شود، درحالی که فونت Nazanin برای چاپ روی کاغذ مناسب تر است.


قانون media@

Wiki

این قانون به شما اجازه می دهد تا styleهای مختلفی را برای رسانه ها متفاوت در یک برگه style تعریف کنید.

در مثال زیر، مرورگر روی صفحه نمایش یک فونت Verdana با اندازه 14px را نمایش می دهد. اما اگر صفحه پرینت گرفته شود، آنرا با فونت Times و با اندازه 10px نمایش خواهد داد. توجه داشته باشید که در هر دو رسانه خصوصیت font-weight با مقدار "bold" تنظیم شده است:

<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>

اگر در حال استفاده از مرورگر firefox یا IE5 و نسخه های بالاتر هستید، صفحه بالا را چاپ کنید، خواهید دید که پاراگراف در رسانه های مختلف با فونت و اندازه های متفاوتی نمایش داده می شود.


Media Typeهای مختلف

Wiki

توجه: نام Media Typeها به حروف بزرگ و کوچک، حساس نیست.

Media Typeتوضیحات
all

برای تمام رسانه های مختلف استفاده می شود

aural

برای رسانه های شفاهی استفاده می شود

braille

برای وسیله های لمسی مخصوص نابینایان استفاده می شود

embossed

برای پرینترهای مخصوص نابینایان استفاده می شود

handheld

برای وسیله های کوچک یا دستی استفاده می شود

print

برای چاپ استفاده می شود

projection

برای پروژه های ارائه ای مانند slideها استفاده می شود

screen

برای صفحه نمایش کامپیوتر استفاده می شود

tty

برای رسانه هایی که از کاراکترهای با عرض ثابت (fixed-pitch) استفاده می کنند کاربرد دارد مانند تله تایپ ها یا دورنگارها و ترمینال ها

tv

برای تلویزیون استفاده می شود

آموزش صوتی CSS

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه