Style transformStyle లక్షణం

నిర్వచనం మరియు ఉపయోగం

transformStyle లక్షణాన్ని అనుసరించి నిర్మించిన అంశాలను 3D అంతరిక్షంలో చూపిస్తుంది.

పేర్కొనుట:ఈ లక్షణం అనేక లక్షణాలతో కలిసి ఉండాలి transform లక్షణం కలిసి ఉపయోగించండి

ఇతర సూచనలు:

JavaScript Style ఆబ్జెక్ట్transform లక్షణం

CSS సూచనాలు:transform-style లక్షణం

ఉదాహరణ

మార్పులను పాటించిన పిల్ల కేంద్రకాలను 3D మార్పులు ఉంచండి:

document.getElementById("myDIV").style.transformStyle = "preserve-3d";

స్వయంగా ప్రయత్నించండి

సింథాక్స్

transformStyle లక్షణాన్ని తిరిగివెళ్ళే విలువ:

object.style.transformStyle

transformStyle లక్షణాన్ని సెట్ చేయండి:

object.style.transformStyle = "flat|preserve-3d|initial|inherit"

లక్షణ విలువ

విలువ వివరణ
flat మూల విలువ. పిల్ల కేంద్రకాలు తమ 3D స్థానాన్ని కాపాడదు.
preserve-3d పిల్ల కేంద్రకాలు తమ 3D స్థానాన్ని కాపాడుతాయి.
initial ఈ లక్షణాన్ని దాని మూల విలువకు సెట్ చేయండి. చూడండి initial
inherit ఈ లక్షణాన్ని తన పేర్పడిన కేంద్రకం నుండి పారదర్శకంగా ఉంచుతుంది. చూడండి inherit

సాంకేతిక వివరాలు

మూల విలువ: flat
తిరిగివెళ్ళే విలువ: స్ట్రింగ్, ఇది కేంద్రకం యొక్క transform-style లక్షణం
CSS వెర్షన్: CSS3

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న పరిశీలకం వెర్షన్ను చెప్పుతాయి。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 11.0 16.0 9.0 23.0