CSS Keywords

{object_name}

CSS Masking Module

  • Mask Border Slice

    • fill

      중간 이미지 영역을 유지한다. 너비와 높이는 각각 위쪽 및 왼쪽 이미지 영역과 일치하도록 크기가 조정된다.

  • Mask Border Width

    • auto

      마스크 테두리의 너비는 해당 마스크 테두리 슬라이스의 고유 너비 또는 높이(둘 중 적용 가능한 것)와 동일하게 만들어진다. 이미지에 필요한 고유 치수가 없으면 대신 해당 테두리 너비가 사용된다.

  • Mask Composite

    • add

      소스(source)는 대상 위에 위치한다.

    • exclude

      소스(source)와 대상의 겹치지 않는 영역이 결합된다.

    • intersect

      대상과 겹치는 소스(source) 부분은 대상을 대체한다.

    • subtract

      소스(source)는 대상 외부에 배치된다.

  • Mask Layer

    • no-clip

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

  • Mask Mode

    • alpha

      마스크 테두리 이미지의 알파 값을 마스크 값으로 사용한다.

    • luminance

      마스크 테두리 이미지의 휘도 값을 마스크 값으로 사용한다.

    • match-source

©2024 devdic.com, Korea

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

master@cydemy.com