CSS @import नियम
- पिछला पृष्ठ इमेज-रेंडरिंग
- अगला पृष्ठ इनिशियल-लेटर
व्याख्या और उपयोग
@import नियम आपको एक स्टाइल शीट को दूसरे स्टाइल शीट में आयात करने की अनुमति देता है।
@import नियम को दस्तावेज़ के शीर्ष पर स्थापित करना चाहिए (यदि @charset घोषणा के बाद)।
@import नियम मीडिया क्वेरी को भी समर्थित करता है, इसलिए उपर्युक्त मीडिया पर आश्रित आयात की अनुमति देता है।
उदाहरण
उदाहरण 1
"navigation.css" स्टाइल शीट को वर्तमान स्टाइल शीट में आयात करें:
@import "navigation.css"; /* शब्द का उपयोग करें */
या
@import url("navigation.css"); /* यूआरएल का उपयोग करें */
उदाहरण 2
फिर केवल मीडिया print के लिए "printstyle.css" स्टाइल शीट आयात करें:
@import "printstyle.css" print;
उदाहरण 3
फिर केवल मीडिया screen और विपक्षीय चौड़ाई 768 पिक्सल के लिए "mobstyle.css" स्टाइल शीट आयात करें:
@import "mobstyle.css" screen and (max-width: 768px);
CSS व्याकरण
@import url|string list-of-mediaqueries;
विशेषता मूल्य
| मूल्य | वर्णन |
|---|---|
| url|string | url या फिर एक शब्द, जो आयात करने वाले संसाधन के स्थान को प्रतिनिधित्व करता है। url अभिलेखीय या सापेक्ष हो सकता है। |
| list-of-mediaqueries | कमा से अलग समाधानों की सूची एक मीडिया क्वेरी बनाती है जो यह निर्धारित करती है कि URL से आयात किए गए CSS नियम क्या शर्तों पर लागू होते हैं। |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर के द्वारा पूरी तरह से समर्थित इस विशेषता का पहला ब्राउज़र संस्करण इंगित किया गया है।
| च्रोम | IE / एज | फ़ायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
- पिछला पृष्ठ इमेज-रेंडरिंग
- अगला पृष्ठ इनिशियल-लेटर
