과목 추천：

스타일 perspective 속성

주석: 정의와 사용법

속성을 정의할 때, 3D 요소가 시각화에 이르는 거리를 픽셀 단위로 정의합니다. 이 속성은 3D 요소를 시각화하는 시점을 변경할 수 있습니다. 주석: 요소에

속성을 정의할 때, 자식 요소는 요소 자체보다 시각화 효과를 받습니다.주석: perspective

속성은 3D 변환 요소에만 영향을 미칩니다.안내: perspective-origin 속성 이 속성과 함께 사용하여 3D 요소의 하단 위치를 변경할 수 있습니다.

다른 참조:

JavaScript 스타일 객체：perspective-origin 속성

CSS 참조 매뉴얼：perspective 속성

예제

시각화 요소의 시점 설정：

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

직접 시험해 보세요

문법

perspective 속성 반환：

object.style.perspective

perspective 속성 설정：

object.style.perspective = "length|none"

속성 값

값 설명
length 요소가 시각화에 이르는 거리, 픽셀 단위로 측정됩니다.
none 기본 값。0과 동일합니다. 시각화를 설정하지 않습니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 없음
반환 값： 문자열로, 요소의 perspective 속성。
CSS 버전： CSS3

브라우저 지원

표에 나타난 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
36.0 10.0 16.0 6.1 23.0