CSS मल्टी बैकग्राउंड प्रॉपर्टी का उपयोग HTML कोड के बिना एक समय में एक या अधिक इमेजेज जोड़ने के लिए किया जाता है। हम आवश्यकतानुसार इमेजेज जोड़ सकते हैं।
मल्टी बैकग्राउंड इमेजेज का एक नमूना सिंटैक्स इस प्रकार है:
#multibackground {
background-image: url(/css/images/logo.png), url(/css/images/border.png);
background-position: left top, left top;
background-repeat: no-repeat, repeat;
padding: 75px;
}
निम्न मान हैं:
| क्र.सं. | मान और विवरण |
|---|---|
| 1. | background सभी बैकग्राउंड इमेज प्रॉपर्टीज को एक सेक्शन में सेट करने के लिए उपयोग किया जाता है |
| 2. | background-clip बैकग्राउंड के पेंटिंग एरिया को घोषित करने के लिए उपयोग किया जाता है |
| 3. | background-image बैकग्राउंड इमेज निर्दिष्ट करने के लिए उपयोग किया जाता है |
| 4. | background-origin बैकग्राउंड इमेजेज की स्थिति निर्दिष्ट करने के लिए उपयोग किया जाता है |
| 5. | background-size बैकग्राउंड इमेजेज का आकार निर्दिष्ट करने के लिए उपयोग किया जाता है |
नोट: मल्टीपल बैकग्राउंड इमेजेज कॉमा से अलग करके background-image में दी जाती हैं। प्रत्येक इमेज के लिए position, repeat, size अलग-अलग सेट किए जा सकते हैं।
