स्टाइल पर्स्पेक्टिव गुण
- पिछला पृष्ठ पेजब्रेकइनसाइड
- अगला पृष्ठ पर्स्पेक्टिवओरिजिन
- एक स्तर ऊपर वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
परिभाषा और उपयोग
टिप्पणी:
3D इलेमेंट को दृश्य से की दूरी परिभाषित करता है, पिक्सल में मापा गया है। यह गुण आपको 3D इलेमेंट को दृश्य से कहीं नहीं देखने देता, बल्कि दृश्य को बदलता है।
गुण को परिभाषित करें टिप्पणी:
जब इलेमेंट के लिए
गुण को डिफ़ॉल्ट मूल्य पर सेट करने पर उसके चालक इलेमेंटों को पर्स्पेक्टिव असर मिलेगा, न कि इलेमेंट को खुद को लेकर।टिप्पणी:
पर्स्पेक्टिव
गुण केवल 3D ट्रांसफॉर्म इलेमेंट पर प्रभाव डालता है।सूचना: पर्स्पेक्टिव-ओरिजिन गुण इस गुण के साथ एक साथ इस्तेमाल करें, ताकि आप 3D इलेमेंट के नीचे की स्थिति को बदल सकें।
और देखें:
जेसक्रिप्ट स्टाइल ऑब्जेक्ट:पर्स्पेक्टिव-ओरिजिन गुण
CSS संदर्भ दस्तावेज़:पर्स्पेक्टिव गुण
उदाहरण
दृश्य करने वाले इलेमेंट का दृष्टिकोण सेट करें:
document.getElementById("myDIV").style.perspective = "50px";
व्याकरण
पर्स्पेक्टिव गुण वापसी मूल्य देना:
ऑब्जेक्ट.style.perspective
पर्स्पेक्टिव गुण सेट करना:
ऑब्जेक्ट.style.perspective = "लेंगथ|नोन"
गुण मूल्य
मूल्य | वर्णन |
---|---|
लेंगथ | इलेमेंट की दृश्य से की दूरी, पिक्सल में मापा गया है। |
नोन | डिफ़ॉल्ट मूल्य। 0 के समान। पर्स्पेक्टिव नहीं सेट करें। |
इनिशियल | इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें इनिशियल。 |
इनहेरिट | पारंपरिक एलिमेंट से इस गुण को इनहेरिट करें। देखें इनहेरिट。 |
तकनीकी विवरण
डिफ़ॉल्ट मूल्य: | बिना कुछ के |
---|---|
वापसी मूल्य: | इंटरनेशनल रूप से प्रतिनिधित्व करने वाली स्ट्रिंग, इलेमेंट का पर्स्पेक्टिव गुण。 |
CSS संस्करण: | CSS3 |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को निर्दिष्ट करते हैं。
क्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
क्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
- पिछला पृष्ठ पेजब्रेकइनसाइड
- अगला पृष्ठ पर्स्पेक्टिवओरिजिन
- एक स्तर ऊपर वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट