शैली पृष्ठभूमि गुण दोहराएँ
उदाहरण
बैकग्राउंड-इमेज को नो-रिपीट पर सेट करें:
document.body.style.backgroundRepeat = "repeat-y";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
बैकग्राउंड रिपीट प्रॉपर्टी बैकग्राउंड-इमेज को रिपीट (टाइल) करने का तरीका सेट या रिटर्न करती है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
वाक्य - विन्यास
बैकग्राउंड रिपीट प्रॉपर्टी लौटाएं:
object.style.backgroundRepeat
बैकग्राउंड रिपीट प्रॉपर्टी सेट करें:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. This is default |
repeat-x | The background image is only repeated horizontally |
repeat-y | The background image is only repeated vertically |
no-repeat | The background-image is not repeated |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | दोहराना |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, यह दर्शाती है कि पृष्ठभूमि-छवि कैसे दोहराई जाती है |
सीएसएस संस्करण | सीएसएस 1 |
और ज्यादा उदाहरण
उदाहरण
एक निर्दिष्ट डीआईवी तत्व की पृष्ठभूमि दोहराएं संपत्ति बदलें:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
उदाहरण
क्षैतिज या लंबवत दोहराने के लिए पृष्ठभूमि-छवि सेट करें:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
उदाहरण
किसी दस्तावेज़ का बैकग्राउंड-रिपीट मान लौटाएँ:
alert(document.body.style.backgroundRepeat);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस पृष्ठभूमि
सीएसएस संदर्भ: पृष्ठभूमि-स्थिति संपत्ति
CSS संदर्भ: बैकग्राउंड-रिपीट प्रॉपर्टी
एचटीएमएल डोम संदर्भ: पृष्ठभूमि संपत्ति