सीएसएस बैकग्राउंड गुण

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

background अल्पवाक्य गुण एक ही घोषणा में सभी पृष्ठभूमि गुण सेट करते हैं。

निम्नलिखित गुण निर्धारित किए जा सकते हैं:

यदि उसमें से किसी को नहीं सेट किया जाता है, तो कोई समस्या नहीं होगी, जैसे background:#ff0000 url('smiley.gif'); भी अनुमति है।

सामान्यतया इस गुण का इस्तेमाल करने की सिफारिश की जाती है, न कि एक-एक गुण का इस्तेमाल करना, क्योंकि इस गुण को पुराने ब्राउज़रों में बेहतर समर्थन मिलता है और इसके लिए टाइप करने वाले अक्षरों की संख्या भी कम है।

और देखें:

CSS शिक्षा:CSS पृष्ठभूमि、CSS पृष्ठभूमि (उच्च स्तर)

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

इनस्टांस

सभी पृष्ठभूमि गुण को एक ही बयान में कैसे सेट करें:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

अपने आप प्रयोग करें

CSS ग्रामर

background: bg-color bg-image स्थान/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

गुण मूल्य

मूल्य वर्णन CSS
background-color इस्तेमाल करने वाले पृष्ठभूमि रंग को निर्धारित करता है。 1
background-position पृष्ठभूमि इमेज का स्थान निर्धारित करता है。 1
background-size पृष्ठभूमि इमेज के आकार को निर्धारित करता है。 3
background-repeat पृष्ठभूमि इमेज को कैसे दोहराना है इसे निर्धारित करता है。 1
background-origin पृष्ठभूमि इमेज के स्थानांतरण क्षेत्र को निर्धारित करता है。 3
background-clip पृष्ठभूमि के ड्राइंग क्षेत्र को निर्धारित करता है。 3
background-attachment पृष्ठभूमि इमेज को स्थिर या पृष्ठ के अन्य भागों के साथ सरकार करने को निर्धारित करता है。 1
background-image इस्तेमाल करने वाले पृष्ठभूमि इमेज को निर्धारित करता है。 1
विरासत पिछले एलिमेंट से background गुण के सेटिंग को विरासत करना निर्धारित करता है。 1

तकनीकी विवरण

डिफ़ॉल्ट वैल्यूः अनुच्छेदित नहीं
विरासतीयताः नहीं
संस्करणः CSS1 + CSS3
जेविस्क्रिप्ट ग्रामरः ऑब्जैक्ट.style.background="white url(paper.gif) repeat-y"

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

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

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