Style objectPosition गुण
- पिछला पृष्ठ objectFit
- अगला पृष्ठ opacity
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
व्याख्या और उपयोग
objectPosition
गुण को इसके रूप में निर्धारित करता है <img> या <video> इसे अपने स्वयं के सामग्री बॉक्स में कैसे स्थित किया जाए।
और देखें:
CSS शिक्षा:CSS object-fit
CSS संदर्भ पुस्तका:object-position गुण
उदाहरण
इमेज का आकार सामग्री बॉक्स के अनुसार तय करें और इसे सामग्री बॉक्स के बाहरी छोर से 5 पीएक्स और ऊपर से 10% की दूरी पर स्थित करें:
document.getElementById("myImg").style.objectPosition = "0 10%";
व्याकरण
objectPosition गुण वापस करना:
ऑब्जेक्ट.style.objectPosition
objectPosition गुण सेट करना:
ऑब्जेक्ट.style.objectPosition = "पोजीशन|initial|inherit"
गुण मान
मान | वर्णन |
---|---|
पोजीशन |
इमेज या वीडियो को उसके सामग्री बॉक्स में कहां स्थित होने वाला है इसे निर्धारित करता है。 पहला मान एक्स अक्ष को नियंत्रित करता है, दूसरा मान वाइ अक्ष को नियंत्रित करता है。 यह इंटरफ़ेस (लेफ्ट, सेंटर या राइट) या नंबर (पीएक्स या % के रूप में) हो सकता है。 नकारात्मक मान की अनुमति है。 |
initial | इस गुण को उसके मूलभूत मान से सेट करें। देखें initial。 |
inherit | इस गुण को उसके पिता एलिमेंट से ले लें। देखें inherit。 |
तकनीकी विवरण
मूलभूत मान: | 50% 50% |
---|---|
वापसी मान: | इंटरफ़ेस या नंबर, इसका अर्थ है कि एलिमेंट अपने सामग्री बॉक्स में कहां स्थित है。 |
CSS संस्करण: | CSS3 |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर को पहली बार इस गुण को समर्थन देने वाले ब्राउज़र का संस्करण बताया है。
क्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
क्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
- पिछला पृष्ठ objectFit
- अगला पृष्ठ opacity
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट