مثال
ورقتين نمط مختلف لاثنين من أنواع وسائل الإعلام المختلفة (الشاشة والطباعة):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
انها محاولة لنفسك » تعريف واستخدام
و media تحدد السمة صفته وسائل الاعلام / الجهاز الأمثل للموارد هدفا ل.
يتم استخدام هذه السمة في الغالب مع المغلق لتحديد أنماط مختلفة لأنواع وسائل الإعلام المختلفة.
و media السمة لا يمكن أن يقبل العديد من القيم.
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| media | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
و media السمة الآن يدعم المزيد من القيم.
بناء الجملة
<link media="value">
يمكن Operators
| القيمة | وصف |
|---|---|
| and | يحدد عامل التشغيل AND |
| not | يحدد التشغيل NOT |
| , | يحدد المشغل أو |
الأجهزة
| القيمة | وصف |
|---|---|
| all | افتراضي. مناسبة لجميع الأجهزة |
| aural | تخليق خطاب |
| braille | أجهزة ردود الفعل برايل |
| handheld | الأجهزة المحمولة (الشاشة الصغيرة، عرض النطاق الترددي محدودة) |
| projection | العرض |
| معاينة قبل الطباعة / وضع الصفحات المطبوعة | |
| screen | شاشات الكمبيوتر |
| tty | Teletypes وسائل الإعلام مماثلة باستخدام شبكة الطابع خطوة ثابت |
| tv | نوع التلفزيون أجهزة (دقة منخفضة، والقدرة التمرير محدودة) |
القيم
| القيمة | وصف |
|---|---|
| width | يحدد عرض مساحة العرض المستهدفة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (min-width:500px)" |
| height | يحدد ارتفاع مساحة العرض المستهدفة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (max-height:700px)" |
| device-width | يحدد عرض الهدف عرض / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (device-width:500px)" |
| device-height | يحدد ارتفاع للهدف الشاشة / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (device-height:500px)" |
| orientation | تحدد اتجاه الهدف عرض / ورقة. القيم الممكنة: "portrait" أو "landscape" على سبيل المثال: media="all and (orientation: landscape)" |
| aspect-ratio | تحديد نسبة العرض / الارتفاع من مساحة العرض المستهدفة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (aspect-ratio:16/9)" |
| device-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)" |
| monochrome | يحدد بت لكل بكسل في الإطار عازلة أحادية اللون. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (monochrome:2)" |
| resolution | يحدد كثافة بكسل (نقطة في البوصة أو dpcm) من الهدف عرض / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="print and (resolution:300dpi)" |
| scan | يحدد طريقة مسح وعرض التلفزيون. القيم الممكنة هي "progressive" و "interlace" . على سبيل المثال: media="tv and (scan:interlace)" |
| grid | يحدد ما إذا كان الجهاز الناتج الشبكة أو نقطية. القيم الممكنة هي "1" للشبكة، و "0" خلاف ذلك. على سبيل المثال: media="handheld and (grid:1)" |