Latest web development tutorials

HTML DOM 스타일 관점 속성

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

요소는 관점의 위치를보고있는 :

document.getElementById("myDIV").style.perspective="50px";

»시도

정의 및 사용

관점에서 픽셀보기에서 정의 3D 요소를 속성. 이 속성은 3D 요소의 관점 표시하면 변경할 수 있습니다.

요소가 시각 특성을 정의 할 때, 그 아이들 원근 효과보다는 요소 자체를 얻을 것이다.

참고 : 관점 속성은 3D 변환 소자에 영향을 미친다!

주 :이 속성주세요 perspectiveOrigin 는 3D 엘리먼트의 하부의 위치를 변경할 수 있도록 속성이 함께 사용된다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 +와 파이어 폭스 지원 관점 속성.

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


문법

관점 속성을 반환합니다 :

object .style.perspective

관점을 설정하면 속성 :

object .style.perspective="length|none"

속성 값

描述
length 元素距离视图的距离,以像素计。
none 默认值。与 0 相同。不设置透视。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 없음
반환 값 : 관점 속성 요소를 나타내는 문자열입니다.
CSS 버전 CSS3


관련 기사

자바 스크립트 스타일 개체 : perspectiveOrigin 속성

CSS 참조 : 관점 등록


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