सीएसएस बैकग्राउंड-ऑरिजिन गुण
- पिछला पृष्ठ बैकग्राउंड-इमेज
- अगला पृष्ठ बैकग्राउंड-पोजिशन
परिभाषा और उपयोग
background-origin गुण परिभाषा बैकग्राउंड-पोजिशन गुण किस स्थान के अनुसार स्थानांतरित किया जाता है।
टिप्पणीःयदि पृष्ठभूमि चित्र का background-attachment गुण का नाम "स्थिरअगर "
और देखें:
सीएसएस शिक्षाCSS पृष्ठभूमिऔरसीएसएस पृष्ठभूमि (उच्चस्तरीय)
HTML DOM संदर्भ दस्तावेज़ःbackgroundOrigin गुण
उदाहरण
पृष्ठभूमि चित्र को सामग्री बॉक्स के अनुसार स्थानांतरित करने के लिए
डिव
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
सीएसएस ग्रामर
background-origin: padding-box|border-box|content-box;
गुण मूल्य
| मूल्य | वर्णन | परीक्षण |
|---|---|---|
| पैडिंग-बॉक्स | पृष्ठभूमि चित्र को आइन-बॉक्स के अनुसार स्थानांतरित किया जाता है। | परीक्षण |
| बॉर्डर-बॉक्स | पृष्ठभूमि चित्र को बॉर्डर-बॉक्स के अनुसार स्थानांतरित किया जाता है। | परीक्षण |
| कंटेंट-बॉक्स | पृष्ठभूमि चित्र को सामग्री बॉक्स के अनुसार स्थानांतरित किया जाता है। | परीक्षण |
तकनीकी विवरण
| डिफ़ॉल्ट मूल्यः | पैडिंग-बॉक्स |
|---|---|
| विरासतः | नहीं |
| संस्करणः | सीएसएस3 |
| जेसक्रिप्ट ग्रामरः | ऑब्जैक्ट.style.backgroundOrigin="content-box" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण के प्रथम समर्थक ब्राउज़र का संस्करण को इंगित करते हैं।
| च्रोम | एज | फायरफॉक्स | साफारी | ओपेरा |
|---|---|---|---|---|
| च्रोम | आईई / एज | फायरफॉक्स | साफारी | ओपेरा |
| 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- पिछला पृष्ठ बैकग्राउंड-इमेज
- अगला पृष्ठ बैकग्राउंड-पोजिशन
