HTML DOM 스타일 perspectiveOrigin 속성
정의 및 사용
X 축 및 Y 축에 기초하여 속성 정의 3D 요소 perspectiveOrigin. 이 속성은 3D 요소의 바닥의 위치를 변경할 수 있습니다.
요소는 속성 perspectiveOrigin 정의되면, 하위 요소는 시각 효과보다는 요소 자체를 얻는다.
이 속성하십시오: 주 관점의 속성을, 만 3 차원 변환 소자에 영향을!
브라우저 지원
IE10 +와 파이어 폭스 지원 perspectiveOrigin 속성입니다.
크롬, 사파리와 오페라는 속성을 WebkitPerspecitveOrigin property 속성의 또 다른 대안을 지원합니다.
문법
위로 특성을 perspectiveOrigin :
object .style.perspectiveOrigin
perspectiveOrigin 속성 설정 :
object .style.perspectiveOrigin="x-axis y-axis|initial|inherit"
속성 값
| 值 | 描述 |
|---|---|
| x-axis | 定义该视图在 x 轴上的位置。 可能的值：
默认值：50% |
| y-axis | 定义该视图在 y 轴上的位置。 可能的值：
默认值：50% |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
| 기본값 : | 50 % 50 % |
|---|---|
| 반환 값 : | 관점 출처 property 요소를 나타내는 문자열입니다. |
| CSS 버전 | CSS3 |
관련 기사
자바 스크립트 스타일 개체 : 관점 등록
CSS 참조 : 원근법 - 원산지 속성