शैली परिवर्तनमूल संपत्ति
उदाहरण
घुमाए गए तत्व का आधार प्लेसमेंट सेट करें:
document.getElementById("myDIV").style.transformOrigin = "0 0";
परिभाषा और उपयोग
ट्रांसफॉर्मऑरिजिन संपत्ति आपको रूपांतरित तत्वों पर स्थिति बदलने की अनुमति देती है।
2D रूपांतरित तत्व तत्व के x- और y-अक्ष को बदल सकता है। 3D रूपांतरित तत्व भी तत्व के z-अक्ष को बदल सकता है।
नोट: इस संपत्ति का उपयोग परिवर्तन संपत्ति के साथ किया जाना चाहिए ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
वाक्य - विन्यास
ट्रांसफॉर्मऑरिजिन प्रॉपर्टी लौटाएं:
object.style.transformOrigin
ट्रांसफॉर्मऑरिजिन प्रॉपर्टी सेट करें:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | 50% 50% 0 |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की परिवर्तन-मूल संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
जावास्क्रिप्ट स्टाइल ऑब्जेक्ट: संपत्ति को रूपांतरित करें
सीएसएस संदर्भ: परिवर्तन-मूल संपत्ति
❮ स्टाइल ऑब्जेक्ट