최신 웹 개발 튜토리얼
 

Style perspective Property

<스타일 개체

요소가 조회된다 관점에서 설정 :

document.getElementById("myDIV").style.perspective = "50px";
»그것을 자신을 시도

정의 및 사용

관점 속성은 3D 요소가보기에서 배치하는 간격을 정의합니다. 이 속성을 사용하면 볼 방법 3D 요소에 대한 관점을 변경할 수 있습니다.

요소에 대한 관점의 속성을 정의 할 때, 그것은 사시도, NOT 요소 자체를 얻을 자식 요소입니다.

Note: 원근 속성은 3D 변환 요소에 영향을 미친다!

Tip: 와 함께이 속성을 사용 perspectiveOrigin의 이 3D 요소의 하단 위치를 변경할 수 있습니다 재산.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

관점 속성은 IE10 +와 파이어 폭스에서 지원됩니다.

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


통사론

관점 속성을 반환합니다 :

object .style.perspective

관점 속성을 설정 :

object .style.perspective=" 속성 값
기술
length 요소는 뷰에서 배치되는 방법까지
none 기본값. 동일 0으로 원근이 설정되지 않았습니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 없음
반환 값 : 요소의 관점 속성을 나타내는 문자열
CSS 버전 CSS3

관련 페이지

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

CSS 참조 : perspective property


<스타일 개체