예
변환 된 자식 요소가 3D 변환을 보존하자
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
»그것을 자신을 시도 정의 및 사용
transformStyle의 속성 집합 또는 3D 공간에서 렌더링하는 방법을 중첩 된 요소 returnd.
Note: 이 속성은 함께 사용되어야합니다 변환 속성입니다.
브라우저 지원
transformStyle 속성은 파이어 폭스에서 지원됩니다.
크롬, 사파리, 오페라 대안의 WebkitTransformStyle 속성을 지원합니다.
통사론
transformStyle 속성을 반환합니다 :
object .style.transformStyle transformStyle 속성을 설정 :
object .style.transformStyle="flat|preserve-3d|initial|inherit"
속성 값
| 값 | 기술 |
|---|---|
| flat | 기본값. 자식 요소는 3 차원 위치를 유지하지 않을 것이다 |
| preserve-3d | 자식 요소는 3 차원 위치를 유지합니다 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 플랫 |
|---|---|
| 반환 값 : | 문자열, 요소의 변환 - 스타일 속성을 나타내는 |
| CSS 버전 | CSS3 |
관련 페이지
자바 스크립트 스타일 개체 : transform property
CSS 참조 : transform-style property
<스타일 개체