Properties

Properties

Editing
  • account_tree
  • bug_report

transform-style

중첩된 요소에게 변형을 주고자 하는 경우에 3차원 공간에서 렌더링 되는 방법을 지정한다.

사용 가능한 값 타입

〈'transform-style'〉

  • flat | preserve-3d
    CSS Transforms Module Level 2

사용되는 키워드

  • flat

    자식 요소가 평면에 있음을 나타낸다.

  • preserve-3d

    자식 요소가 3차원 공간에 배치되어야 함을 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

구문

  • transform-style preserve-3d;CSS3
  • object.style.transformStyle = "preserve-3d";CSS3

    자바스크립트 형식

테스트 도구

backface-visibility 속성을 이용한 Flip transition

버전 명세

Modules
Module NameStatusSummary
CSS Transforms Module Level 2초안 작업

Last review date: 2022-11-14

지원 웹브라우저