सीएसएस बैकग्राउंड-इमेज गुण

वर्णन और उपयोग

background-image गुण को एलिमेंट को पृष्ठभूमि चित्र सेट करता है。

एलिमेंट के पृष्ठभूमि ने एलिमेंट के पूरे आकार को भरता है, जिसमें आंतरिक घाटी और किनारा शामिल है, लेकिन बाह्य घाटी नहीं है।

डिफॉल्ट में, पृष्ठभूमि चित्र एलिमेंट के खंड के बाएँ और ऊपर के कोने पर स्थित होता है और अनुक्रमित रूप से अनुक्रमित होता है।

सुझाव:कृपया एक उपलब्ध पृष्ठभूमि रंग को सेट करें, इस प्रकार यदि पृष्ठभूमि चित्र उपलब्ध नहीं होता है, पृष्ठ को अच्छी दृश्यात्मकता प्राप्त हो सकती है।

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

background-image गुण एलिमेंट के पृष्ठभूमि में एक चित्र को सेट करता है。

इस गुण के अनुसार background-repeat गुण के मूल्य के अनुसार चित्र को असीमित तरीके से फैलाया जा सकता है, या किसी एक अक्ष (x अक्ष या y अक्ष) पर फैलाया जा सकता है या फिर कुछ नहीं फैलाया जाएगा。

पूर्वापन पृष्ठभूमि चित्र (आरंभिक चित्र) इस गुण के मूल्य के अनुसार background-position गुण के मूल्य को रखें

अन्य संदर्भ:

CSS शिक्षण:CSS पृष्ठभूमि、CSS पृष्ठभूमि (उच्च स्तर)、CSS ग्रेडिएंट

HTML DOM संदर्भ दस्तावेज़:backgroundImage गुण

उदाहरण

चित्र को पृष्ठ के पृष्ठभूमि के रूप में सेट करें:

बॉडी
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

खुद आज्ञा करें

CSS संग्रहण

background-image: url|none|initial|inherit;

गुण मूल्य

गुण मूल्य

मूल्य वर्णन
url('URL) चित्र के पथ को इंगित करें。
कोई भी नहीं मूलभूत मूल्य। पृष्ठभूमि चित्र को दिखाया नहीं जाएगा。
विरासत पितृ तत्व से background-image गुण के सेटिंग को विधिबद्ध करना है।

तकनीकी विवरण

मूलभूत मूल्य: कोई भी नहीं
विरासत: नहीं
संस्करण: CSS1
जेसक्रिप्ट संग्रहण: ऑब्जेक्ट.style.backgroundImage="url(stars.gif)"

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

तालिका में दिए गए नंबर इस गुण का पूर्ण समर्थन करने वाले पहले ब्राउज़र का संस्करण को इंगित करते हैं।

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