قاعدة CSS @import

التعريف والاستخدام

تسمح قاعدة @import باستيراد قالب استyles إلى قالب آخر.

يجب أن تكون قاعدة @import في أعلى ملف المستند (لكن بعد أي إعلان @charset).

يُمكن للقاعدة @import دعم استعلامات وسائط، لذا يمكن السماح باستيراد يعتمد على وسيلة.

مثال

مثال 1

استيراد قالب "navigation.css" إلى القالب الحالي:

@import "navigation.css"; /* استخدام النص */

أو

@import url("navigation.css"); /* استخدام الرابط */

مثال 2

استيراد قالب "printstyle.css" فقط عند وسيلة الطباعة:

@import "printstyle.css" print;

تجربة بنفسك

مثال 3

استيراد قالب "mobstyle.css" فقط عند وسيلة الشاشة ومقدار عرض الشاشة يصل إلى 768 بكسل:

@import "mobstyle.css" screen and (max-width: 768px);

تجربة بنفسك

نص CSS

@import url|string list-of-mediaqueries;

قيمة الخاصية

القيمة الوصف
url|string الرابط أو النص، يمثل موقع المصدر الذي يتم استيراده. يمكن أن يكون الرابط مطلقًا أو مطلقًا.
list-of-mediaqueries قائمة استعلامات وسائط منفصلة بالكومياس، تحدد في أي ظروف تطبق القواعد الخاصة بالCSS المدرجة في URL.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 3.5