स्टाइल बैकग्राउंडपोजीशन एट्रिब्यूट

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

backgroundPosition परिवर्तन या वापसी बैकग्राउंड इमेज की स्थिति निर्धारित करता है।

अन्य संदर्भ:

HTML स्टाइल:background एट्रिब्यूट

CSS शिक्षण:CSS बैकग्राउंड

CSS3 शिक्षण:CSS3 बैकग्राउंड

CSS संदर्भ पुस्तिका:background-image एट्रिब्यूट

CSS संदर्भ पुस्तिका:background-position एट्रिब्यूट

उदाहरण

उदाहरण 1

बैकग्राउंड इमेज की स्थिति को बदलें:

document.body.style.backgroundPosition = "top right";

अपने आप साबित करें

उदाहरण 2

डिव एलिमेंट में बैकग्राउंड इमेज की स्थिति को नीचे सीधे करें:

document.getElementById("myDiv").style.backgroundPosition = "center bottom";

अपने आप साबित करें

उदाहरण 3

<div> एलीमेंट में पृष्ठभूमि इमेज का स्थान को आड़े 200 पिक्सल और ऊर्ध्व 40 पिक्सल पर सेट करें:

document.getElementById("myDiv").style.backgroundPosition = "200px 40px";

अपने आप साबित करें

उदाहरण 4

<div> एलीमेंट में पृष्ठभूमि इमेज का स्थान वापस करें:

document.getElementById("myDiv").style.backgroundPosition;

अपने आप साबित करें

व्याकरण

backgroundPosition गुण वापस करें:

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

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

ऑब्जेक्ट.style.backgroundPosition = मान

गुण मान

मान वर्णन
  • ऊपरी-ऊपरी-बाएं
  • ऊपरी-बीच
  • ऊपरी-दक्षिण-बाएं
  • बीच-ऊपरी-बाएं
  • बीच-बीच
  • बीच-दक्षिण-बाएं
  • दक्षिण-ऊपरी-बाएं
  • दक्षिण-बीच
  • दक्षिण-दक्षिण-बाएं
 यदि आपको केवल एक शब्द निर्दिष्ट करना है, तो दूसरा मान "center" होगा।
x% y%

x मान अनुसार स्थानांकन को प्रतिपादित करता है, y मान अनुसार अड्डचन को प्रतिपादित करता है।

ऊपरी बाएं को 0% 0% होता है। दक्षिण-दक्षिण-बाएं को 100% 100% होता है।

यदि आपको केवल एक मान निर्दिष्ट करना है, तो दूसरा मान 50% होगा।
xpos ypos

x मान अनुसार स्थानांकन को प्रतिपादित करता है, y मान अनुसार अड्डचन को प्रतिपादित करता है।

ऊपरी बाएं को 0 0 होता है। इकाई पिक्सल (0px 0px) या किसी अन्य CSS इकाई हो सकती है।

यदि आपको केवल एक मान निर्दिष्ट करना है, तो दूसरा मान 50% होगा। आप % और इकाई का मिश्रण इस्तेमाल कर सकते हैं।
initial इस गुण को उसके मूलभूत मान पर सेट करता है। देखें initial。
inherit इस गुण को अपने माता एलीमेंट से अनुवर्तित करता है। देखें inherit。

तकनीकी विवरण

मूलभूत मान: 0% 0%
वापसी मान: इस विन्यास को प्रतिपादित करने वाली स्ट्रिंग को प्रतिपादित करता है।
CSS संस्करण: CSS1

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

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

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

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन