ویژگی media در تگ source در HTML در سایت PNLdev

نمونه کد

یک نمونه ساده از ویژگی media در تگ source

<picture>
  <source media="(min-width: 650px)" srcset="../../../../storage/tutorial/html-img/capture 5.jpg">
  <source media="(min-width: 465px)" srcset="../../../../storage/tutorial/html-img/capture 6.jpg">
  <img src="../../../../storage/tutorial/html-img/capture 7.webp" style="width:auto;">
</picture>

آزمایشگاه

تعریف و کاربرد

ویژگی media به طور معمول تمام دستور هایی که در کد های css به صورت پیشرفض وجود دارد را در خود جای داده است.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
media attribute in <source>

شیوه نگارش

<source media="media_query">