Properti mask-type CSS

Halaman sebelumnya mask-size
Halaman berikutnya max-block-size

Definisi dan penggunaan

mask-type Atribut menentukan apakah elemen <mask> SVG akan digunakan sebagai penutup kecerahan atau penutup alpha.

Atribut ini berlaku untuk elemen <mask> SVG sendiri.

Contoh

Lihat dua elemen <mask> SVG; yang satu menggunakan mask-type: alphadan yang lainnya menggunakan 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>

Coba sendiri

Syarat CSS

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

Nilai atribut

Nilai	Deskripsi
luminance	Lihat gambar penutup seperti penutup kecerahan. Nilai standar.
alpha	Lihat gambar penutup seperti penutup alpha.
initial	Atur atribut ini ke nilai standarnya. Lihat initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar:	luminance
Inheritance:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi:	Modul Masking CSS Level 1
语法 JavaScript:	object.style.maskType="alpha"