स्टाइल ट्रांसफॉर्म स्टाइल प्रॉपर्टी
उदाहरण
रूपांतरित बाल तत्वों को 3D परिवर्तनों को संरक्षित करने दें:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
परिभाषा और उपयोग
ट्रांसफॉर्म स्टाइल प्रॉपर्टी सेट या लौटाती है कि नेस्टेड तत्वों को 3 डी स्पेस में कैसे प्रस्तुत किया जाता है।
नोट: इस संपत्ति का उपयोग परिवर्तन संपत्ति के साथ किया जाना चाहिए ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
transformStyle | 36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
वाक्य - विन्यास
ट्रांसफॉर्म स्टाइल संपत्ति लौटाएं:
object.style.transformStyle
ट्रांसफॉर्म स्टाइल संपत्ति सेट करें:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
flat | Default value. The child elements will NOT preserve its 3D position |
preserve-3d | The child elements will preserve its 3D position |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | समतल |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की परिवर्तन-शैली की संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
जावास्क्रिप्ट स्टाइल ऑब्जेक्ट: संपत्ति को रूपांतरित करें
सीएसएस संदर्भ: परिवर्तन-शैली की संपत्ति
❮ स्टाइल ऑब्जेक्ट