تعریف و کاربرد
برای تعیین کردن نوع بهینه سازی رسانه از ویژگی media استفاده می کنند.
نوع بهینه سازی ویژگی media بدین شکل می باشد که تعیین می کند آدرس رسانه، برای دستگاه های مانند iphone، windows یا طراحی گرافیکی است یا خیر.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| media="" |
شیوه نگارش
مقدارهای ویژگی
| مقادیر | توضیحات |
|---|---|
| width | عرض یک ناحیه را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (max-width:250px)" |
| height | ارتفاع یک ناحیه را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (min-height:250px)" |
| device-width | عرض صفحه نمایش را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (device-width:250px)" |
| device-height | ارتفاع صفحه نمایش را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (device-width:250px)" |
| orientation | جهت صفحه نمایش رو مشخص می کند که می توانید از مقادیر: عمودی یا منظره ای استفاده کنید. نمونه: رسانه="همه (جهت: افقی) " |
| aspect-ratio | نسبت عرض به ارتفاع یک ناحیه را مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (aspect-ratio:10/6)" |
| device-aspect-ratio | نسبت عرض دستگاه (موبایل یا Pc) به ارتفاع یک صفحه نمایش را مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (aspect-ratio:10/6)" |
| color | تکه هارا در هر رنگ نمایش به کاربر مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (color:5)" |
| color-index | تعداد رنگ هایی را که صفحه نمایش هدف می تواند به کاربر نشان دهد را مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (min-color-index:652)" |
| monochrome | تکه های هر پیکسل را در ( فریم بافر ) تک رنگ مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (تک رنگ:5)" |
| resolution | تراکم پیکسل (dpi یا dpcm) ها را در صفحه نمایش مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="print and (رزولیشن:500dpi)" |
| scan | روش اسکن کردن کردن نمایشگر های تلویزیونی را مشخص می کند که می توانید از مقادیر پیشرو و درهم استفاده کنید. نمونه: media="tv and (scan:interlace)" |
| grid | تعیین می کند که خروجی دستگاه به صورت شبکه ای باشد. مقادیر عبارت اند از: 1 برای شبکه ای و 0 برای هرچیز دیگری غیر از شبکه ای. نمونه: media="handheld and (grid:1)" |
