CSS transform-style ਪ੍ਰਾਪਰਟੀ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

transform-style ਗੁਣ ਨੂੰ ਨਾਲ ਵਿਚਾਰ ਕੇ 3D ਸਪੇਸ ਵਿੱਚ ਬੁਨਿਆਦੀ ਇਕਾਈਆਂ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ。

ਟਿੱਪਣੀ:ਇਹ ਗੁਣ ਹੋਰ ਗੁਣਾਂ ਨਾਲ ਮਿਲ ਕੇ ਵਰਤੀ ਜਾਂਦੀ ਹੈ: transform ਗੁਣਾਂ ਦੇ ਨਾਲ ਮਿਲ ਕੇ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

HTML DOM ਸੰਦਰਭ ਮੁੱਦਾ:transformStyle ਗੁਣ

3D ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਈ ਰੱਖਣ ਵਾਲੇ ਉਪ ਇਕਾਈਆਂ:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

transform-style: flat|preserve-3d;

ਕੀਮਤ	ਵਰਣਨ
flat	ਉਪ ਇਕਾਈਆਂ ਉਨ੍ਹਾਂ ਦੀ 3D ਸਥਿਤੀ ਬਣਾਈ ਰੱਖਣਗੇ ਨਹੀਂ。
preserve-3d	ਉਪ ਇਕਾਈਆਂ ਉਨ੍ਹਾਂ ਦੀ 3D ਸਥਿਤੀ ਬਣਾਈ ਰੱਖਣਗੇ。

ਮੂਲਤਵੀ ਕੀਮਤ:	flat
ਵਿਰਾਸਤੀ ਸਮਰੱਥਾ:	no
ਸੰਸਕਰਣ:	CSS3
JavaScript ਗਰੇਫਟਾਰਜ਼:	object.style.transformStyle="preserve-3d"

ਸਾਰੇ ਬਰੇਅਰਜ਼ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਇਸ ਗੁਣ ਦੀ ਸਮਰੱਥਾ ਵਾਲੀ ਪਹਿਲੀ ਬਰੇਅਰਜ਼ ਦਾ ਨੰਬਰ ਸਾਰੇ ਤੇਬਲ ਵਿੱਚ ਦਿੱਤਾ ਗਿਆ ਹੈ。

ਨੰਬਰ ਵਿੱਚ -webkit- ਜਾਂ -moz- ਦੇ ਨਾਲ ਦਿੱਤੇ ਗਏ ਹਨ ਕਿ ਪਹਿਲੀ ਸ਼ਾਖਾ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਗਈ ਹੈ。

ਚਰਮੋਨਾ	IE / ਐਂਜਲ	ਫਾਇਰਫਾਕਸ	ਸਫਾਰੀ	ਓਪਰਾ
36.0 12.0 -webkit-	11.0	16.0 10.0 -moz-	9.0 4.0 -webkit-	23.0 15.0 -webkit-