مثال
تحديد نمط استخدام للطباعة:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> انها محاولة لنفسك » تعريف واستخدام
و media تحدد السمة صفته وسائل الاعلام / الجهاز الأمثل لأسلوب CSS ل.
يتم استخدام هذه السمة لتحديد ان الاسلوب هو لأجهزة خاصة (مثل iPhone)، والكلام أو وسائط الطباعة.
نصيحة: هذه السمة لا يمكن أن يقبل العديد من القيم.
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| media | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
لا شيء.
بناء الجملة
<style media="value">
يمكن Operators
| القيمة | وصف |
|---|---|
| and | يحدد عامل التشغيل AND |
| not | يحدد التشغيل NOT |
| , | يحدد المشغل أو |
الأجهزة
| القيمة | وصف |
|---|---|
| all | افتراضي. مناسبة لجميع الأجهزة |
| aural | تخليق خطاب |
| braille | أجهزة ردود الفعل برايل |
| handheld | الأجهزة المحمولة (الشاشة الصغيرة، عرض النطاق الترددي محدودة) |
| projection | العرض |
| معاينة قبل الطباعة / وضع الصفحات المطبوعة | |
| screen | شاشات الكمبيوتر |
| tty | Teletypes وسائل الإعلام مماثلة باستخدام شبكة الطابع خطوة ثابت |
| tv | نوع التلفزيون أجهزة (دقة منخفضة، والقدرة التمرير محدودة) |
القيم
| القيمة | وصف |
|---|---|
| عرض | يحدد عرض مساحة العرض المستهدفة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (min-width:500px)" |
| ارتفاع | يحدد ارتفاع مساحة العرض المستهدفة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (max-height:700px)" |
| جهاز عرض | يحدد عرض الهدف عرض / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (device-width:500px)" |
| جهاز الارتفاع | يحدد ارتفاع للهدف الشاشة / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (device-height:500px)" |
| توجيه | تحدد اتجاه الهدف عرض / ورقة. القيم الممكنة: "portrait" أو "landscape" على سبيل المثال: media="all and (orientation: landscape)" |
| ابعاد متزنة | تحديد نسبة العرض / الارتفاع من مساحة العرض المستهدفة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (aspect-ratio:16/9)" |
| الجهاز التي تبلغ نسبة أبعادها | تحدد نسبة جهاز العرض / جهاز ذروة الهدف عرض / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (aspect-ratio:16/9)" |
| اللون | يحدد بت لكل لون من العرض الهدف. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (color:3)" |
| لون مؤشر | يحدد عدد من الألوان يمكن التعامل مع العرض الهدف. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (min-color-index:256)" |
| أحادية اللون | يحدد بت لكل بكسل في الإطار عازلة أحادية اللون. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (monochrome:2)" |
| قرار | يحدد كثافة بكسل (نقطة في البوصة أو dpcm) من الهدف عرض / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="print and (resolution:300dpi)" |
| تفحص | يحدد طريقة مسح وعرض التلفزيون. القيم الممكنة هي "التقدمية" و "حابك". على سبيل المثال: media="tv and (scan:interlace)" |
| شبكة | يحدد ما إذا كان الجهاز الناتج الشبكة أو نقطية. القيم الممكنة هي "1" الشبكة، و "0" خلاف ذلك. على سبيل المثال: media="handheld and (grid:1)" |