스타일 불투명도 속성
예시
DIV 요소를 투명하게 만들기:
document.getElementById("myDIV").style.opacity = "0.5";
정의 및 사용
opacity 속성은 요소의 불투명도 수준을 설정하거나 반환합니다.
요소의 불투명도 수준은 투명도 수준을 설명합니다. 여기서 1은 전혀 투명하지 않고, 0.5는 50% 투명함, 0은 완전히 투명합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
참고: IE8 및 이전 버전은 대안인 filter 속성을 지원합니다.
통사론
불투명도 속성을 반환합니다.
object.style.opacity
불투명도 속성을 설정합니다.
object.style.opacity = "number|initial|inherit"
속성 값
Value | Description |
---|---|
number | Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 1 |
---|---|
반환 값: | 요소의 불투명도 수준을 나타내는 문자열 |
CSS 버전 | CSS3 |
관련 페이지
CSS 참조: 불투명도 속성
❮ 스타일 개체