शैली परिप्रेक्ष्यमूल संपत्ति
उदाहरण
एक 3D तत्व का आधार प्लेसमेंट सेट करें:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
परिभाषा और उपयोग
परिप्रेक्ष्य उत्पत्ति संपत्ति परिभाषित करती है कि एक्स- और वाई-अक्ष में एक 3 डी तत्व कहां आधारित है। यह गुण आपको 3D तत्वों की निचली स्थिति को बदलने की अनुमति देता है।
किसी तत्व के लिए परिप्रेक्ष्य मूल संपत्ति को परिभाषित करते समय, यह CHILD तत्व होते हैं जो स्थित होते हैं, न कि स्वयं तत्व।
नोट: इस संपत्ति का उपयोग परिप्रेक्ष्य संपत्ति के साथ किया जाना चाहिए , और केवल 3D रूपांतरित तत्वों को प्रभावित करता है!
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
नोट: पुराना क्रोम, सफारी और ओपेरा एक विकल्प, WebkitPerspectiveOrigin संपत्ति का समर्थन करते हैं।
वाक्य - विन्यास
परिप्रेक्ष्य मूल संपत्ति लौटाएं:
object.style.perspectiveOrigin
परिप्रेक्ष्य मूल संपत्ति सेट करें:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
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 |
संबंधित पृष्ठ
जावास्क्रिप्ट शैली वस्तु: परिप्रेक्ष्य संपत्ति
सीएसएस संदर्भ: परिप्रेक्ष्य-मूल संपत्ति
❮ स्टाइल ऑब्जेक्ट