CSS Types

CSS Types

Editing

<mask-layer>

마스크를 지정하기 위해서 설정되는 관련 값 집합을 나타낸다.

구문

  • CSS Masking Module Level 1
    <mask-reference> || <position> [ / <bg-size> ]? ||<repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>

사용되는 키워드

키워드요약
no-clip

하나의 <geometry-box> 값과 no-clip 키워드가 있는 경우 <geometry-box>는 mask-origin을 설정하고 no-clip은 mask-clip을 해당 값으로 설정한다.

하나의 <geometry-box> 값이 있고 no-clip 키워드가 없는 경우 <geometry-box>는 mask-origin과 mask-clip을 모두 해당 값으로 설정한다.

사용되는 타입

  • <bg-size><'background-size'> 속성에 사용하는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
  • <compositing-operator>합성(compositing)하는 연산 방법을 키워드로 나타낸다.
  • <geometry-box><basic-shape>과 함께 지정하면 <basic-shape>에 대한 참조 박스를 제공한다.
  • <mask-reference>마스크 레이어로 사용되는 이미지 설정값을 나타낸다.
  • <masking-mode><mask-reference>가  마스킹(masking)되는 방식을 나타낸다.
  • <position>박스형의 요소에 대한 상대적인 2차원 좌표 값을 나타낸다.
  • <repeat-style>배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.

버전 명세

Modules
Module NameStatusSummary
CSS Masking Module Level 1후보 추천 초안

Last review date: 2023-1-14

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com