Latest web development tutorials

HTML DOM 스타일 transformStyle 속성

스타일 객체 참조 스타일 개체

자식 요소의 3 차원 변환을 유지하도록 변환 보자

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

»시도

정의 및 사용

transformStyle 속성 설정 또는 방법 3D 공간에서 렌더링하는 중첩 된 요소를 반환합니다.

참고 :이 속성은해야 변환 특성과 사용.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

파이어 폭스 지원 transformStyle 속성입니다.

크롬, 사파리와 오페라는 속성을 WebkitTransformStyle property 속성의 또 다른 대안을 지원합니다.


문법

위로 transformStyle 속성 :

object .style.transformStyle

transformStyle 속성 설정 :

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

속성 값

描述
flat 默认值。子元素将不保留其 3D 位置。
preserve-3d 子元素将保留其 3D 位置。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 플랫
반환 값 : 변환 스타일을 속성 요소를 나타내는 문자열입니다.
CSS 버전 CSS3


관련 기사

자바 스크립트 스타일 객체 : 속성을 변환

CSS 참조 설명서 : 변형 스타일을 등록


스타일 객체 참조 스타일 개체