English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص media هي خاصية جديدة في HTML5؛ يقدم هذا المقال استخدام خاصية media، ويقدم مثالاً على كيفية استخدامها، وتوافق المتصفحات، وتعريف الجملة، وتفاصيل قيم الخاصية.
إليك مثال على استخدامه الخاصية media في الروابط:
<a href="/tags/att-a-media.html?output=print" media="print and (resolution:300dpi)">صفحة خاصية وسائل الإعلام القابلة للطباعة</a>اختبر هذا <‹/›
IEFirefoxOperaChromeSafari
يدعم جميع المتصفحات الرئيسية خاصية media.
يحدد خاصية media نوع الوسائط أو الأجهزة التي يتم تحسين ملف الوثيقة المرتبط لها.
هذا الخصائص يستخدم لتحديد ما إذا كان عنوان الهدف مخصص لجهاز خاص (مثل iPhone) أو وسائل الإعلام الصوتية أو الورقية.
يمكن لهذه الخاصية أن تأخذ عدة قيم.
استخدم هذه الخاصية فقط عندما يكون هناك خاصية href.
ملاحظة: هذه الخاصية هي تقديمية فقط.
هذه الخاصية هي خاصية جديدة في HTML5.
<a media="القيمة>
| العمليات | الوصف |
|---|---|
| and | يحدد عملاً AND. |
| not | يحدد عملاً NOT. |
| , | يحدد عملاً OR. |
| القيمة | الوصف |
|---|---|
| all | المبدأ. يناسب جميع الأجهزة. |
| aural | المحول الصوتي. |
| braille | جهاز العرض بالبرايل. |
| handheld | أجهزة الحفظ اليدوي (شاشة صغيرة، نطاق تردد محدود). |
| projection | المشروع. |
| عرض الطباعة المسبق/صفحة الطباعة. | |
| screen | شاشة الحاسوب. |
| tty | الماسح الضوئي الكهربائي وأجهزة مشابهة تستخدم شبكة حروف متساوية. |
| tv | أجهزة التلفزيون (دقة منخفضة، قدرة على التصفح المحدودة). |
| القيمة | الوصف |
|---|---|
| width | يحدد العرض للمنطقة المستهدفة. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (min-width:500px)" |
| height | يحدد الارتفاع للمنطقة المستهدفة. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (max-height:700px)" |
| device-width | يحدد العرض لجهاز العرض/ورق المستهدف. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (device-width:500px)" |
| device-height | يحدد الارتفاع لجهاز العرض/ورق المستهدف. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (device-height:500px)" |
| orientation | يحدد الاتجاه لجهاز العرض/ورق المستهدف. القيم الممكنة: "portrait" أو "landscape" مثال: media="all and (orientation: landscape)" |
| aspect-ratio | يحدد نسبة العرض/الارتفاع للمنطقة المستهدفة. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | يحدد نسبة عرض/ارتفاع جهاز العرض/ورق المستهدف. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (aspect-ratio:16/9)" |
| color | يحدد بتات كل لون في جهاز العرض المستهدف。 يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (color:3)" |
| color-index | يحدد عدد الألوان التي يمكن معالجتها من قبل جهاز العرض الهدف. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (min-color-index:256)" |
| monochrome | يحدد عدد البتات لكل بكسل في إطارات اللون أحادي الألوان. يمكن استخدام prefix "min-" و "max-". مثال: media="screen and (monochrome:2)" |
| resolution | يحدد كثافة البكسل لجهاز العرض الهدف أو الورق (dpi أو dpcm). يمكن استخدام prefix "min-" و "max-". مثال: media="print and (resolution:300dpi)" |
| scan | يحدد طريقة مسح جهاز عرض التلفزيون. القيم الممكنة هي: "progressive" و "interlace". مثال: media="tv and (scan:interlace)" |
| grid | يحدد جهاز الإخراج هو شبكة أم bitmap. القيم الممكنة: "1" يمثل الشبكة، "0" هي الأخرى. مثال: media="handheld and (grid:1)" |