Style transformOrigin गुण

वर्णन और उपयोग

transformOrigin गुण आपको बदलाव वाले तत्व की स्थिति को बदलने की अनुमति देता है।

2D बदलाव तत्व तत्व के x और y अक्ष को बदल सकते हैं। 3D बदलाव तत्व तत्व के z अक्ष को भी बदल सकते हैं।

टिप्पणी:इस गुण को निम्नलिखित के साथ मिलान करना चाहिए: transform गुण साथ में उपयोग करें

देखें:

JavaScript Style ऑब्जैक्ट:transform गुण

CSS संदर्भ दस्तावेज़:transform-origin गुण

उदाहरण

घूमाने वाले तत्व की बुनियादी स्थिति सेट करें:

document.getElementById("myDIV").style.transformOrigin = "0 0";

स्वयं प्रयोग करें

व्याकरण

transformOrigin गुण वापस करें:

object.style.transformOrigin

transformOrigin गुण सेट करें:

object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"

गुण मान

मान वर्णन
x-axis

दृश्य को x अक्ष पर रखने की स्थिति को निर्धारित करता है। संभव मान:

  • left
  • center
  • right
  • length
  • %
y-axis

दृश्य को y अक्ष पर रखने की स्थिति को निर्धारित करता है। संभव मान:

  • top
  • center
  • bottom
  • length
  • %
z-axis

दृश्य को z अक्ष पर रखने की स्थिति को निर्धारित करता है। संभव मान:

  • length
initial इस गुण को उसके मूलभूत मान पर निर्धारित करें। देखें initial。
inherit इस गुण को अपने पितृ तत्व से इस गुण को ले लेता है। देखें inherit。

तकनीकी विवरण

मूलभूत मान: 50% 50% 0
परिणामः अक्षरशृंखला, जो तत्व के transform-origin गुण。
CSS संस्करण： CSS3

ब्राउज़र समर्थन

तालिका में अंक इस गुण को पूरी तरह से समर्थन करने वाले पहले ब्राउज़र का संस्करण दर्शाते हैं।

क्रॉम एज फायरफॉक्स सफारी ओपेरा
क्रॉम एज फायरफॉक्स सफारी ओपेरा
36.0 10.0 16.0 9.0 23.0