स्टाइल backgroundImage गुण
- पिछला पृष्ठ backgroundColor
- अगला पृष्ठ backgroundPosition
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
विनिर्माण और उपयोग
backgroundImage
गुण सेट करना या एलीमेंट के पृष्ठभूमि इमेज वापसी करना
सूचना:पृष्ठभूमि इमेज के अलावा, आपको पृष्ठभूमि रंग भी निर्धारित करना चाहिए। यदि इमेज उपलब्ध नहीं होता है, तो पृष्ठभूमि रंग का इस्तेमाल किया जाएगा।
अन्य संदर्भ:
HTML शैली:background गुण
CSS शिक्षण:CSS बैकग्राउंड
CSS3 शिक्षण:CSS3 पृष्ठभूमि
CSS संदर्भ दस्तावेज़:background-image गुण
उदाहरण
उदाहरण 1
दस्तावेज़ के लिए पृष्ठभूमि इमेज सेट करें:
document.body.style.backgroundImage = "url('img_tree.png')";
उदाहरण 2
विशिष्ट <div> एलीमेंट के पृष्ठभूमि इमेज सेट करें:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
उदाहरण 3
विशिष्ट <div> एलीमेंट के पृष्ठभूमि इमेज वापसी करें:
alert(document.getElementById("myDiv").style.backgroundImage);
उदाहरण 4
दस्तावेज़ के पृष्ठभूमि इमेज वापसी करें:
alert(document.body.style.backgroundImage);
व्याकरण
backgroundImage गुण वापसी करें:
ऑब्जेक्ट.style.backgroundImage
backgroundImage गुण सेट करें:
ऑब्जेक्ट.style.backgroundImage = "url('URL')|none|initial|inherit"
गुण मान
मान | वर्णन |
---|---|
url('URL') | इमेज फाइल का स्थान |
नहीं | पृष्ठभूमि इमेज नहीं है। मूलभूत |
प्रारंभिक | इस गुण को उसके मूलभूत मान पर सेट करें। देखें प्रारंभिक। |
विरासत | इस गुण को अपने माता एलीमेंट से विरासत करें। देखें विरासत। |
तकनीकी विवरण
मूलभूत मान: | नहीं |
---|---|
वापसी मान: | इंटरनेट यादृच्छिक अलबम |
CSS संस्करण: | CSS1 |
ब्राउज़र समर्थन
backgroundImage
यह CSS1 (1996) विशेषता है।
सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:
क्रोम | एज | फायरफॉक्स | साफारी | ओपेरा | IE |
---|---|---|---|---|---|
क्रोम | एज | फायरफॉक्स | साफारी | ओपेरा | IE |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ backgroundColor
- अगला पृष्ठ backgroundPosition
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट