Style perspectiveOrigin गुण

वर्णन और इस्तेमाल

perspectiveOrigin गुण को वर्णित करता है 3D एलिमेंट को x-अक्ष और y-अक्ष पर कहां स्थित करना। यह गुण 3D एलिमेंट के बोटम स्थान को बदलने की अनुमति देता है。

के वर्णन perspectiveOrigin परिणाम के दृश्य को देखें, न कि एलिमेंट को खुद को निर्धारित करता है।

टिप्पणी:इस गुण को perspective गुण एक साथ इस्तेमाल करें, और केवल 3D ट्रांसफॉर्म करने वाले एलिमेंट पर असर करें!

देखें:

JavaScript Style ऑब्जेक्ट:perspective गुण

CSS संदर्भ पुस्तक:perspective-origin गुण

उदाहरण

3D एलिमेंट का आधार स्थान सेट करना:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

अपने आप साबित करें

व्याकरण

perspectiveOrigin गुण वापस करना:

object.style.perspectiveOrigin

perspectiveOrigin गुण सेट करना:

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

गुण मान

मान वर्णन
x-axis

दृश्य को x-अक्ष पर कहां स्थित करने का निर्धारण करता है।

  • left
  • center
  • right
  • length
  • %

मूलभूत मान: 50%

y-axis

दृश्य को y-अक्ष पर कहां स्थित करने का निर्धारण करता है।

संभावित मान:

  • top
  • center
  • bottom
  • length
  • %

मूलभूत मान: 50%

initial इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial
inherit पितृ एलिमेंट से इस गुण को विरासत करें। देखें inherit

तकनीकी विवरण

मूलभूत मान: 50% 50%
परिणाम: शब्द, जो एलिमेंट का perspective-origin गुण
CSS संस्करण: CSS3

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

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

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
36.0 10.0 16.0 6.1 23.0