CSS backface-visibility 속성

정의와 사용법

backface-visibility 속성은 요소가 화면을 향하지 않을 때 보이는지 여부를 정의합니다.

회전 요소의 뒷면을 보고 싶지 않을 때 이 속성이 매우 유용합니다.

추가로 참조:

HTML DOM 참조 문서:backfaceVisibility 속성

예제

두 개의 회전 <div> 요소의 뒷면을 숨기거나 보이게 하세요:

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

직접 시도해 보세요

CSS 문법

backface-visibility: visible|hidden;

속성 값

값 설명
visible 뒷면은 보입니다.
hidden 뒷면은 보이지 않습니다.

기술 세부 사항

기본 값: visible
상속성: no
버전: CSS3
JavaScript 문법: object.style.backfaceVisibility="hidden"

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

숫자는 -webkit- 또는 -moz-를 포함한 사용자 정의 프리픽스의 첫 번째 버전을 나타냅니다.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-