ویژگی <link> media HTML

HTML <link> کا بل

تعریف و استفاده

media ویژگی مشخص می‌کند که منبع هدف برای چه رسانه/دستگاه بهینه‌سازی شده است.

media ویژگی مشخص می‌کند که مستند پیوند شده در چه دستگاهی نمایش داده خواهد شد.

این ویژگی اصلی‌ترین استفاده را با جدول استایل CSS دارد و برای رسانه‌های مختلف، استایل‌های مختلفی را مشخص می‌کند.

media ویژگی‌ها می‌توانند چندین ارزش را قبول کنند.

مثال

دو نوع مختلف کسیپ سیم برای دو نوع مختلف رسانه‌ها (اسکرین و پرینت):

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

جرب بنفسك

النحو

<link media="القيمة>

العمليات الممكنة

العمليات الوصف
and يحدد عملاً AND.
not يحدد عملاً NOT.
, يحدد عملاً OR.

الجهاز

الجهاز الوصف
all المبدأي. يستخدم لجميع أنواع الأجهزة.
print للعرض المسبق للطباعة/صفحة الطباعة.
screen للشاشات على أجهزة الكمبيوتر، الأجهزة اللوحية، الهواتف الذكية، إلخ.
speech المستخدم في قارئ الشاشة للقراءة.
aural مستبعد.المحول الصوتي.
braille مستبعد.جهاز التغذية الراجعة بالبرايل.
handheld مستبعد.الأجهزة المحمولة (شاشة صغيرة، نطاق تردد محدود).
projection مستبعد.المشروعور.
tty مستبعد.استخدام شبكة الحروف المقدرة الكبيرة في الطابعات الكاتبة والوسائط المشابهة.
tv مستبعد.أجهزة التلفزيون (حلقة منخفضة، قدرات تمرير محدودة).

القيم

القيم الوصف
aspect-ratio

تعريف نسبة العرض/الطول للمنطقة المستهدفة.

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="screen and (aspect-ratio:16/9)"
color

تعريف عدد الأرقام العشريه لكل لون في عرض الشاشة المستهدفة.

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="screen and (color:3)"
color-index

تعريف عدد الألوان التي يمكن للشاشة المستهدفة معالجتها.

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="screen and (min-color-index:256)"
device-aspect-ratio مستبعد.تعريف نسبة عرض/طول جهاز العرض/ورق.
device-width مستبعد.تعريف عرض الشاشة المستهدفة/ورق.
device-height مستبعد.تعريف طول الشاشة المستهدفة/ورق.
grid

تعريف ما إذا كانت جهاز الإخراج شبكة أو بيتماپ.

القيم الممكنة: "1" تعني الشبكة، "0" هي الأخرى.

مثال: media="handheld and (grid:1)"
height

تعريف طول منطقة العرض المستهدفة.

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="screen and (max-height:700px)"
monochrome

تعريف كل بيت لكل بكسل في ذاكرة العرض المونوクロم.

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="screen and (monochrome:2)"
orientation

جهت نمایشگر/کاغذ هدف را مشخص می‌کند.

ممکنه‌ها: "portrait" یا "landscape".

مثال: media="all and (orientation: landscape)"
resolution

پیکسلی کردن نمایشگر/کاغذ هدف را مشخص می‌کند (dpi یا dpcm).

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="print and (resolution:300dpi)"
scan

روش اسکن نمایشگر تلویزیون را مشخص می‌کند.

ممکنه‌ها: "progressive" و "interlace".

مثال: media="tv and (scan:interlace)"
width

پهناي ناحيه نمایش هدف را مشخص می‌کند.

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="screen and (min-width:500px)"

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

HTML <link> کا بل