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 사파리 오페라
Chrome Edge Firefox 사파리 오페라
36.0 11.0 16.0 9.0 23.0