스타일 불투명도 속성

정의와 사용법

opacity 속성을 설정하거나 요소의 불투명도 수준을 반환합니다.

요소의 불투명도 수준(opacity-level)은 불투명도 수준을 설명합니다. 그 중 1 완전 불투명을 나타냅니다，0.5 50% 투명을 나타냅니다，0 완전 투명을 나타냅니다。

다른 참조를 보기 위해

CSS 참조 매뉴얼：opacity 속성

예제

DIV 요소를 투명하게 만듭니다：

document.getElementById("myDIV").style.opacity = "0.5";

본인이 직접 시도해 보세요

문법

opacity 속성 반환：

object.style.opacity

opacity 속성 설정：

object.style.opacity = "number|initial|inherit"

속성 값

값 설명
number 불투명도를 정의합니다. 0.0(완전 투명)에서 1.0(완전 불투명)까지입니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 1
반환 값： 문자열로, 요소의 불투명도 수준을 나타냅니다.
CSS 버전: CSS3

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원