Style backgroundRepeat 屬性

定義和用法

backgroundRepeat पृष्ठभूमि चित्र को कैसे दोहराया जाएगा (टैटरिंग) को गुण सेट करें या वापसी मान लें।

अन्य संदर्भ:

HTML शैली:background गुण

CSS शिक्षा:CSS पृष्ठभूमि

CSS3 शिक्षा:CSS3 पृष्ठभूमि

CSS संदर्भ दस्तावेज़:background-repeat गुण

उदाहरण

उदाहरण 1

पृष्ठभूमि चित्र को न दोहराया जाने (no-repeat) सेट करें:

document.body.style.backgroundRepeat = "repeat-y";

अपने आप साफ़ी करें

उदाहरण 2

विशिष्ट DIV एलेमेंट के backgroundRepeat गुण को बदलें:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

अपने आप साफ़ी करें

उदाहरण 3

पृष्ठभूमि चित्र को आड़े-स्थिति या ऊर्ध्व-स्थिति में दोहराया जाना सेट करें:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

अपने आप साफ़ी करें

उदाहरण 4

डॉक्यूमेंट के background-repeat मान को वापसी मान:

alert(document.body.style.backgroundRepeat);

अपने आप साफ़ी करें

व्याकरण

backgroundRepeat गुण वापसी मान:

ऑब्जेक्ट.style.backgroundRepeat

backgroundRepeat गुण सेट करें:

ऑब्जेक्ट.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

गुण मान

मान वर्णन
repeat पृष्ठभूमि चित्र ऊर्ध्व और आड़े-स्थिति में दोहराया जाएगा। डिफ़ॉल्ट।
repeat-x पृष्ठभूमि चित्र केवल आड़े-स्थिति में दोहराया जाएगा。
repeat-y पृष्ठभूमि चित्र केवल ऊर्ध्व-स्थिति में दोहराया जाएगा。
no-repeat पृष्ठभूमि चित्र दोहराया नहीं जाएगा。
initial इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial।
inherit इस गुण को उसके पिता एलेमेंट से अनुवर्तित करें। देखें inherit।

तकनीकी विवरण

डिफ़ॉल्ट मान: repeat
वापसी मान: इस वाक्यांश का अर्थ है कि पृष्ठभूमि चित्र कैसे दोहराया जाएगा。
CSS संस्करण： CSS1

ब्राउज़र समर्थन

backgroundRepeat यह CSS1 (1996) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं：

च्रोम एज फायरफॉक्स सफारी ओपेरा IE
च्रोम एज फायरफॉक्स सफारी ओपेरा IE
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन