Style objectPosition गुण

व्याख्या और उपयोग

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