إحدى أهم ميزات أوراق الأنماط هي أنه يمكن استخدامها على مجموعة متنوعة من الوسائط، مثل الصفحات والشاشات وأجهزة المزج الإلكترونية وما إلى ذلك. يمكن لخصائص معينة أن تعمل فقط على وسائط محددة، على سبيل المثال، خاصية "حجم الخط" صالحة فقط على أنواع الوسائط القابلة للتمرير (الشاشة).
يمكن تقديم الإعلان عن سمة الوسائط باستخدام @import أو @media:
هنا اقتباس:
@import url(loudvoice.css) الكلام;
@طباعة الوسائط {
/* ورقة الأنماط للطباعة توضع هنا */
}
يمكن أيضًا تقديم الوسائط في ترميز المستند:
هنا اقتباس:
يمكن ملاحظة أن الفرق بين @import و@media هو أن الأول يقدم أوراق أنماط خارجية لأنواع الوسائط، بينما يقدم الأخير سمات الوسائط مباشرة. تتمثل طريقة استخدام @import في إضافة عنوان URL لملف ورقة الأنماط إلى @import ثم إضافة نوع الوسائط، ويمكن للوسائط المتعددة مشاركة ورقة أنماط، ويتم فصل أنواع الوسائط بفواصل "". استخدام @media هو وضع نوع الوسائط أولاً، والقواعد الأخرى هي في الأساس نفس مجموعة القواعد. أنواع الوسائط المختلفة مذكورة أدناه:
الشاشة: تشير إلى شاشة الكمبيوتر.
الطباعة: تشير إلى الوسائط غير الشفافة المستخدمة مع الطابعات.
الإسقاط: يشير إلى المشروع المستخدم للعرض.
برايل: نظام برايل، يشير إلى المواد المطبوعة ذات التأثير الملموس.
AURAL: يشير إلى مركب الكلام الإلكتروني.
TV: يشير إلى الوسائط من نوع التلفزيون.
HANDHELD: يشير إلى جهاز عرض محمول (شاشة صغيرة، أحادية اللون)
ALL: مناسب لجميع الوسائط.