Свойство mask-type CSS

Предыдущая страница mask-size
Следующая страница max-block-size

Определение и использование

mask-type Атрибут specifies, whether the SVG <mask> element is processed as a luminance mask or as an alpha mask.

Этот атрибут applies к элементу SVG <mask> himself.

Пример

См. также два элемента SVG <mask>; один использует mask-type: alphaа другой использует mask-type: luminance:

<svg width="200" height="120" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <mask id="mask1" maskContentUnits="objectBoundingBox" style="mask-type:alpha">
      <rect width="10" height="10" fill="red" fill-opacity="0.7" />
    </mask>
    <mask id="mask2" maskContentUnits="objectBoundingBox" style="mask-type:luminance">
      <rect width="10" height="10" fill="red" fill-opacity="0.7" />
    </mask>
  </defs>
</svg>

Попробуйте сами

CSS грамматика

mask-type: luminance|alpha|initial|inherit;

Значение атрибута

Значение	Описание
luminance	См. также маску изображения как маску яркости. Значение по умолчанию.
alpha	См. также маску изображения как alpha-маску.
initial	Установите этот атрибут в его значение по умолчанию. См. initial.
inherit	Из его родительского элемента inherits this property. См. inherit.

Технические детали

Значение по умолчанию:	luminance
Инheritance:	Нет
Создание анимации:	Не поддерживается. См. также:Анимационные свойства.
Версия:	Модуль маскирования CSS уровня 1
JavaScript грамматика:	object.style.maskType="alpha"