सीएसएस @आयात नियम
उदाहरण
वर्तमान शैली पत्रक में "नेविगेशन.सीएसएस" शैली पत्रक आयात करें:
@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 |
सीएसएस सिंटेक्स
@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);