قاعدة CSS @import
التعريف والاستخدام
تسمح قاعدة @import باستيراد جدول الصيغة إلى جدول آخر.
يجب أن تكون قاعدة @import في أعلى الوثيقة (لكن بعد أي إعلان @charset).
يتم دعم استعلامات وسائل الإعلام من قبل قاعدة @import، لذا يمكن السماح باستيراد يعتمد على وسيلة الإعلام.
مثال
مثال 1
استيراد جدول الصيغة "navigation.css" إلى جدول الصيغة الحالي:
@import "navigation.css"; /* استخدم سلسلة من الأحرف */
أو
@import url("navigation.css"); /* استخدم url */
مثال 2
استيراد جدول الصيغة "printstyle.css" فقط عند وسيلة الإعلام print:
@import "printstyle.css" print;
مثال 3
استيراد جدول الصيغة "mobstyle.css" فقط عند وسيلة الإعلام screen ومساحة العرض القصوى 768 بكسل:
@import "mobstyle.css" screen and (max-width: 768px);
قواعد CSS
@import url|string list-of-mediaqueries;
قيمة الخاصية
| القيمة | وصف |
|---|---|
| url|string | url أو سلسلة من الأحرف، تمثل موقع المصدر الذي يتم استيراده. يمكن أن يكون url مطلقًا أو مطلقًا. |
| list-of-mediaqueries | قائمة استعلامات وسائل الإعلام المفصولة بالكومياء، تقرر شروط تطبيق قواعد CSS المدرجة في URL. |
دعم المتصفحات
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
