قاعدة @import نصية CSS

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

تسمح قاعدة @import باستيراد جدولتي النمط إلى جدولتي نمط أخرى.

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

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

مثال

مثال 1

استيراد جدولتي النمط "navigation.css" إلى جدولتي النمط الحالية:

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

أو

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

مثال 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 url أو سلسلة، تمثل موقع المصدر الذى يتم استيراده. يمكن أن يكون url مطلقًا أو مطلقًا.
list-of-mediaqueries قائمة الاستعلامات الوسائطية المفصولة بالكومي، تحدد الشروط التى تطبق فيها القواعد النصية التي تم استيرادها عبر URL.

دعم المتصفح

رقموف اللى فالتوكيت لما دعمو الخصائص دا

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