CSSimport القاعدة _
مثال
قم باستيراد ورقة الأنماط "navigation.css" في ورقة الأنماط الحالية:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تسمح @import
لك القاعدة باستيراد ورقة أنماط إلى ورقة أنماط أخرى.
يجب @import
أن تكون القاعدة في أعلى المستند (ولكن بعد أي
إعلان charset
).
تدعم @import
القاعدة أيضًا استعلامات الوسائط ، لذا يمكنك السماح للاستيراد بالاعتماد على الوسائط.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
بنية CSS
@import url|string list-of-mediaqueries;
قيم الملكية
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
مزيد من الأمثلة
مثال
قم باستيراد ورقة الأنماط "printstyle.css" فقط إذا كانت الوسائط مطبوعة:
@import
"printstyle.css" print;
مثال
قم باستيراد ورقة الأنماط "mobstyle.css" فقط إذا كانت الوسائط شاشة وكان إطار العرض بحد أقصى 768 بكسل:
@import
"mobstyle.css" screen and (max-width: 768px);