개체의 일부를 완전히 또는 부분적으로 숨기는 두 가지 다른 그래픽 작업인 클리핑(clipping)과 마스킹(masking)을 정의한다.
이 모듈에서 다루는 기술들은 2021년 8월 5일에 W3C에서 후보로 추천된 초안을 기준으로 한다. 따라서 아직까지는 모든 웹브라우저에서 포함되지 않을 확률이 높다. 현재는 파이어폭스(firefox) 웹브라우저에서 가장 빠르게 반영중이며 다른 웹브라우저에서도 조금씩 반영되는 상태이다.
더불어 mask-border-*
속성들은 현재 대부분의 웹브라우저에서는 후보안과는 다르게 속성 명이 mask-box-image-*
로 사용되고 있다. 물론 아직은 벤더프리픽스(vender prifix)가 적용된 테스트 단계에서 사용이 가능함을 고려하더라도 이례적이다. 아마도 조정 단계에서 충분히 발생할 수 있는 사안들이니 곧 모듈의 지위가 상향되면서 정립되지 않을까 생각한다.
mask-border-source
속성에 의해 설정된 이미지를 영역으로 나눈다. 이 영역은 요소의 마스크 테두리 구성 요소를 형성하는데 사용된다.mask-image
속성에 의해 정의된 마스크 참조가 휘도 또는 알파 마스크로 처리되는지 여부를 설정한다.mask-origin
에서 설정한 마스크 위치 레이어를 기준으로 초기 위치를 설정한다.<mask>
요소가 휘도 또는 알파 마스크로 사용되는지 여부를 설정한다.