शैली वस्तुस्थिति संपत्ति
उदाहरण
किसी छवि के सामग्री बॉक्स में फ़िट होने के लिए उसका आकार बदलें, और छवि को बाईं ओर से 5px और सामग्री बॉक्स के अंदर ऊपर से 10% रखें:
document.getElementById("myImg").style.objectPosition = "0 10%";
परिभाषा और उपयोग
objectPosition प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि <img> या <video> को अपने स्वयं के सामग्री बॉक्स में कैसे रखा जाना चाहिए।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
वाक्य - विन्यास
ऑब्जेक्टपोजिशन प्रॉपर्टी लौटाएं:
object.style.objectPosition
ऑब्जेक्टपोजिशन प्रॉपर्टी सेट करें:
object.style.objectPosition = "position|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-asis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | 50% 50% |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग या एक संख्या, जो उसके सामग्री बॉक्स में किसी तत्व की स्थिति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
CSS ट्यूटोरियल: CSS ऑब्जेक्ट-फिट
CSS संदर्भ: वस्तु-स्थिति गुण
❮ स्टाइल ऑब्जेक्ट