Properties

Properties

Writing
  • account_tree
  • bug_report

mask-border-mode

마스크 테두리에 사용되는 혼합 모드(blending mode)를 지정한다.

설명

웹브라우저 별로 지원 현황을 확인해야 한다. 현재 mdn/browser-compact-data 기준으로 모든 웹브라우저에서는 누락되어 있다.

현재 대부분의 웹브라우저가 mask-border-*는 벤더프리픽스 타입의  -webkit-mask-box-image-* 속성으로 처리된다. 자세한 사항은 지원 웹브라우저 현황을 참고하기 바란다.

사용 가능한 값 타입

<'mask-border-mode'>

DEVDIC-Specified Data Types

mask-border-mode 속성에 사용되는 타입이다.

mask-border-source 속성의 <image> 값이 휘도(luminance) 마스크 또는 알파(alpha) 마스크로 처리되는지 여부를 나타낸다.

  • CSS Masking Module Level 1
    luminance | alpha

사용되는 키워드

  • alpha

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

  • luminance

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

    휘도란 광원의 단위 면적당의 광도(광원의 밝기)를 의미한다.

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

  • CSS Masking Module Level 1

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

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

    휘도란 광원의 단위 면적당의 광도(광원의 밝기)를 의미한다.

버전 명세

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

Last review date: 2023-1-14

지원 웹브라우저