शैली परिप्रेक्ष्य संपत्ति
उदाहरण
उस परिप्रेक्ष्य को सेट करें जहां से कोई तत्व देखा जाता है:
document.getElementById("myDIV").style.perspective = "50px";
परिभाषा और उपयोग
परिप्रेक्ष्य गुण परिभाषित करता है कि दृश्य से एक 3D तत्व कितने पिक्सेल रखा गया है। यह गुण आपको 3D तत्वों को कैसे देखा जाता है, इस पर परिप्रेक्ष्य बदलने की अनुमति देता है।
किसी तत्व के लिए परिप्रेक्ष्य गुण को परिभाषित करते समय, यह CHILD तत्व हैं जो परिप्रेक्ष्य दृश्य प्राप्त करते हैं, न कि स्वयं तत्व।
नोट: परिप्रेक्ष्य संपत्ति केवल 3D रूपांतरित तत्वों को प्रभावित करती है!
युक्ति: इस संपत्ति का उपयोग परिप्रेक्ष्य मूल संपत्ति के साथ करें, जो आपको 3D तत्वों की निचली स्थिति को बदलने की अनुमति देता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
नोट: पुराना क्रोम, सफारी और ओपेरा एक विकल्प का समर्थन करते हैं, WebkitPerspective संपत्ति।
वाक्य - विन्यास
परिप्रेक्ष्य संपत्ति लौटाएं:
object.style.perspective
परिप्रेक्ष्य संपत्ति सेट करें:
object.style.perspective = "length|none"
सम्पत्ति की कीमत
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की परिप्रेक्ष्य संपत्ति का प्रतिनिधित्व करता है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
जावास्क्रिप्ट शैली वस्तु: परिप्रेक्ष्यमूल संपत्ति
सीएसएस संदर्भ: परिप्रेक्ष्य संपत्ति
❮ स्टाइल ऑब्जेक्ट