استفسارات وسائل الإعلام

تُعدّ استعلامات الوسائط ميزةً في CSS 3 تسمح بعرض المحتوى بما يتناسب مع ظروف مختلفة، مثل دقة الشاشة (كحجم شاشة الهاتف المحمول وشاشة سطح المكتب). وقد أصبحت معيارًا موصى به من قِبل W3C في يونيو 2012، ^{[ 1 ]} وهي تقنية أساسية في تصميم المواقع الإلكترونية المتجاوبة (RWD).

طُرحت فكرة استعلامات الوسائط لأول مرة في اقتراح هاكون ويوم لي الأولي لـ CSS عام 1994، ^{[ 2 ]} لكنها لم تُدرج ضمن CSS  1. وتُظهر توصية HTML4 الصادرة عام 1997 مثالًا على كيفية إضافة استعلامات الوسائط مستقبلًا. ^{[ 3 ]} في عام 2000، بدأ اتحاد شبكة الويب العالمية (W3C) العمل على استعلامات الوسائط، بالإضافة إلى نظام آخر لدعم مختلف الأجهزة: CC/PP . يعالج النظامان المشكلة نفسها، لكن CC/PP يركز على الخادم، بينما تركز استعلامات الوسائط على المتصفح. ^{[ 4 ]} نُشرت أول مسودة عمل عامة لاستعلامات الوسائط عام 2001. ^{[ 5 ]} أصبحت استعلامات الوسائط من المستوى 3، التي نُشرت كتوصية مرشحة في 27 يوليو 2010، توصية رسمية من W3C في 19 يونيو 2012. ونُشرت التعديلات المقترحة في 5 أبريل 2022. ^{[ 6 ]}

تم نشر استعلامات الوسائط المستوى 4 كمسودة عمل في 9 مايو 2017، وكانت مسودة توصية مرشحة من W3C اعتبارًا من 25 ديسمبر 2021. ^{[ 7 ]}

يتكون استعلام الوسائط من نوع وسائط وتعبير واحد أو أكثر، يتضمن خصائص الوسائط ، وتُحل إلى قيمة صحيحة أو خاطئة. تكون نتيجة الاستعلام صحيحة إذا كان نوع الوسائط المحدد فيه مطابقًا لنوع الجهاز الذي يُعرض عليه المستند، وكانت جميع التعبيرات في الاستعلام صحيحة. عند صحة نتيجة الاستعلام، تُطبق ورقة الأنماط أو قواعد الأنماط المقابلة، وفقًا لقواعد التتالي المعتادة. ^{[ 8 ] [ 9 ]} تستخدم استعلامات الوسائط قاعدة "at" في CSS.@media

فيما يلي أمثلة على استعلامات الوسائط في CSS:

@media screen and ( display-mode : fullscreen ) { /* الكود هنا ينطبق فقط على الشاشات في وضع ملء الشاشة * / }

@media all and ( orientation : landscape ) { /* الكود هنا ينطبق فقط على الوضع الأفقي * / }

@media screen and ( min-width : 500px ) { /* لا ينطبق الكود هنا إلا عندما يكون عرض الشاشة 500 بكسل أو أكبر * / }

يمكن تعريف نوع الوسائط في رأس مستند HTML باستخدام السمة "media" داخل عنصر <media> . تحدد قيمة السمة "media" الجهاز الذي سيُعرض عليه المستند المرتبط. ^{[ 10 ]} كما يمكن تعريف أنواع الوسائط ضمن تعليمات معالجة XML ، وقاعدة <div>، وقاعدة <div>. يُعرّف CSS 2 الأنواع التالية كأنواع وسائط: ^{[ 11 ]}<link>@import@media 

• الكل (مناسب لجميع الأجهزة)
• برايل
• منقوش
• محمول باليد
• مطبعة
• إسقاط
• شاشة
• خطاب
• tty
• تلفزيون

يمكن أيضًا استخدام نوع الوسائط "all" للإشارة إلى أن ورقة الأنماط تنطبق على جميع أنواع الوسائط. ^{[ 12 ]}

يحتوي الجدول التالي على ميزات الوسائط المدرجة في أحدث توصية من W3C للاستعلامات عن الوسائط، بتاريخ 6 يونيو 2007. ^{[ 13 ]}

• توصية اتحاد شبكة الويب العالمية (W3C) بشأن استعلامات الوسائط، 19 يونيو 2012
• مواصفات CSS الصادرة عن اتحاد شبكة الويب العالمية (W3C) > استعلامات الوسائط
• CodeSpot – استعلامات الوسائط CSS