Properties

Properties

  • account_tree
  • bug_report

Compositing and Blending

CSS 합성을 제어하는 데 사용되는 속성과 컴포지팅(compositing) 및 블렌딩 알고리즘에 대한 기술적인 주제를 다룬다.

개요

속성이 적용되는 요소의 시각적 렌더링에 영향을 주는 속성들이며 이러한 효과는 시각적 서식 모델에 따라 요소의 크기와 위치가 지정된 후에 적용된다.

Compositing and Blending 모듈에서는 서로 다른 요소의 모양을 하나의 이미지로 결합하는 방법을 설명한다. 특히 Compositing and Blending Level 2에서는 단순 알파 합성 모델을 확장하는 새로운 합성 모델을 정의했다.

관련 속성

  • background-blend-mode

    복수의 배경이 설정되어 겹쳐진 경우 혼합 방식을 설정할 수 있다.
  • isolation

    새로운 스태킹 컨텍스트(stacking context)를 만들어야 하는지의 여부를 정의한다.
  • mix-blend-mode

    요소의 내용이 부모 배경과 혼합되는 방법을 지정한다.

W3C Modules

Compositing and Blending Level 1
W3C Candidate Recommendation, 13 January 2015
Compositing and Blending Level 2
Editor’s Draft, 6 January 2022