शैली पृष्ठभूमिछवि संपत्ति
उदाहरण
किसी दस्तावेज़ के लिए पृष्ठभूमि छवि सेट करें:
document.body.style.backgroundImage = "url('img_tree.png')";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
बैकग्राउंडइमेज प्रॉपर्टी किसी एलीमेंट की बैकग्राउंड इमेज को सेट या लौटाती है।
युक्ति: पृष्ठभूमि-छवि के अतिरिक्त आपको पृष्ठभूमि-रंग भी निर्दिष्ट करना चाहिए। यदि छवि अनुपलब्ध है, तो पृष्ठभूमि-रंग का उपयोग किया जाएगा।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
वाक्य - विन्यास
पृष्ठभूमि छवि संपत्ति लौटाएं:
object.style.backgroundImage
पृष्ठभूमि छवि गुण सेट करें:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
प्रतिलाभ की मात्रा: | पृष्ठभूमि छवि का प्रतिनिधित्व करने वाला एक स्ट्रिंग |
सीएसएस संस्करण | सीएसएस 1 |
और ज्यादा उदाहरण
उदाहरण
एक विशिष्ट <div> तत्व की पृष्ठभूमि छवि सेट करें:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
उदाहरण
किसी विशिष्ट <div> तत्व की पृष्ठभूमि छवि लौटाएं:
alert(document.getElementById("myDiv").style.backgroundImage);
उदाहरण
किसी दस्तावेज़ की पृष्ठभूमि छवि लौटाएं:
alert(document.body.style.backgroundImage);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस पृष्ठभूमि
CSS3 ट्यूटोरियल: CSS3 पृष्ठभूमि
सीएसएस संदर्भ: पृष्ठभूमि-छवि संपत्ति
एचटीएमएल डोम संदर्भ: पृष्ठभूमि संपत्ति