예
3 차원 요소의 기본 위치를 설정합니다 :
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
»그것을 자신을 시도 정의 및 사용
3 차원 요소는 X 축 및 Y 축에 기반하는 위치 perspectiveOrigin 속성을 정의한다. 이 속성을 사용하면 3D 요소의 하단 위치를 변경할 수 있습니다.
요소의 perspectiveOrigin 속성을 정의 할 때, 위치 자식 요소, NOT 소자 자체이다.
Note: 이 속성은 함께 사용되어야 관점 재산 만 3D 요소를 변형에 영향을!
브라우저 지원
perspectiveOrigin 속성은 IE10 +와 파이어 폭스에서 지원됩니다.
크롬, 사파리, 오페라 대안의 WebkitPerspecitveOrigin 속성을 지원합니다.
통사론
perspectiveOrigin 속성을 반환합니다 :
object .style.perspectiveOrigin perspectiveOrigin 속성을 설정 :
object .style.perspectiveOrigin=" 속성 값 값 기술 x-axis 뷰는 X 축에 배치되는 위치를 한정 가능한 값 :
- 왼쪽
- 센터
- 권리
- length
- %
기본값 : 50 %
y-axis 뷰는 y 축에 위치 정의 곳 가능한 값 :
- 상단
- 센터
- 바닥
- length
- %
기본값 : 50 %
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 50 % 50 % 반환 값 : 요소의 관점 기원 속성을 나타내는 문자열 CSS 버전 CSS3
관련 페이지
자바 스크립트 스타일 개체 : perspective property
CSS 참조 : perspective-origin property
<스타일 개체