Properties

Properties

Editing
  • account_tree
  • bug_report

opacity

요소의 불투명도를 설정한다.

설명

요소의 하위 요소까지 적용된다. 투명도가 반영된 색상과는 다르다. 요소 자신과 그 하위 콘텐츠에 대한 투명도를 나타낸다.

사용 가능한 값 타입

<alpha-value>

0에서 1까지의 소수로 설정이 가능하며 0은 투명, 0.5는 반투명, 1은 불투명을 적용한다. 퍼센트로 적용하는 경우에는 0%에서 100%까지 설정이 가능하며 0%는 투명, 100%는 불투명을 의미한다.

  • <number> | <percentage>

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <number>

    정수 또는 실수를 표현한다.

  • <percentage>

    어떠한 기준으로 부터 백분율로 표현한다.

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

구문

  • opacity: 0.5;
    CSS Color Module Level 4
  • object.style.opacity = "0.5";
    CSS Color Module Level 4

테스트 도구

opacity 속성 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Color Module Level 4

Last review date: 2022-11-12

지원 웹브라우저