सीएसएस बैकग्राउंड-रिपीट गुण

परिभाषा और उपयोग

background-repeat पृष्ठभूमि छवि को कैसे दोहराया जाएगा और इसके लिए कैसे गुण सेट किया जाएगा।

मूलभूत रूप से, पृष्ठभूमि छवि स्तर-ऊपरी और ऊपरी-नीचे दिशा में दोहराई जाएगी。

विस्तृत वर्णन

background-repeat गुण ने छवि के टुकड़े को निर्धारित किया है。

पूर्ववर्ती छवि से दोहराया जाएगा, जिसे background-image परिभाषा और बदले में background-position का मान रखा जाता है।

और देखें:

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

CSS संदर्भ पुस्तक:background-position गुण

HTML DOM संदर्भ पुस्तक:backgroundRepeat गुण

उदाहरण

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

स्वयं का प्रयोग करें

सूचना और टिप्पणी

सूचना:पृष्ठभूमि छवि का स्थान background-position गुण के सेटिंग के अनुसार निर्धारित किया जाता है।यदि background-position गुण निर्धारित नहीं किया जाता, तो छवि एलीमेंट के उत्तर-दक्षिण कोने में रखी जाएगी。

CSS व्याकरण

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

गुण मान

गुण मान

मान वर्णन
repeat मूलभूत।पृष्ठभूमि छवि ऊपरी-नीचे और ऊपरी-नीचे दिशा में दोहराई जाएगी。
repeat-x पृष्ठभूमि छवि को ऊपरी-नीचे दिशा में दोहराया जाएगा。
repeat-y पृष्ठभूमि छवि को ऊपरी-नीचे दिशा में दोहराया जाएगा。
no-repeat पृष्ठभूमि छवि केवल एक बार दिखाई देगी。
inherit पिछले एलीमेंट से background-repeat गुण के सेटिंग को विरासत करना बताया जाता है。

तकनीकी विवरण

मूलभूत मान: repeat
विरासत की गुणता: नहीं
संस्करण: CSS1
जेसक्रिप्ट व्याकरण: ऑब्जेक्ट.style.backgroundRepeat="repeat-y"

अधिक उदाहरण

कैसे पृष्ठभूमि छवि को अनुप्रसारित किया जाए
इस उदाहरण में देखा जाता है कि कैसे पृष्ठभूमि छवि को अनुप्रसारित किया जाए।
कैसे पृष्ठभूमि छवि को अनुप्रसारित किया जाए
इस उदाहरण में देखा जाता है कि कैसे पृष्ठभूमि छवि को अनुप्रसारित किया जाए।
कैसे केवल एक बार पृष्ठभूमि छवि दिखाया जाए
इस उदाहरण में देखा जाता है कि कैसे केवल एक बार पृष्ठभूमि छवि दिखाया जाए।

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

तालिका में दिए गए नंबरों से पहली वेंडर जो इस गुण का पूर्ण समर्थन करता है, उसे सूचीबद्ध किया गया है。

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम आईई / एज फायरफॉक्स सफारी ओपेरा
1.0 4.0 1.0 1.0 3.5