CSS mask-type ominaisuus

Edellinen sivu mask-size
Seuraava sivu max-block-size

Määritelmä ja käyttö

mask-type Ominaisuus määrittää, onko SVG <mask> -elementti käsiteltävä valaistuspeittokuvana vai alpha-peittokuvana.

Tämä ominaisuus koskee SVG <mask> -elementtiä itseään.

Esimerkki

Tarkastele kahta SVG <mask> -elementtiä; toinen käyttää mask-type: alphaja toinen käyttää mask-type: luminanssi:

<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:luminanssi">
      <rect width="10" height="10" fill="red" fill-opacity="0.7" />
    </mask>
  </defs>
</svg>

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo	Kuvaus
luminanssi	Katsotaan peittokuvaa valaistuspeittokuvana. Oletusarvo.
alpha	Katsotaan peittokuvaa alpha-peittokuvana.
initial	Aseta tämä ominaisuus sen oletusarvoon. Katso: initial.
inherit	Periisi isäntäelementistä tämän ominaisuuden. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo:	luminanssi
Perintä:	Ei
Animaation tekeminen:	Ei tuettu. Katso:Animaatiotunnukset.
Versio:	CSS Masking Module Level 1
JavaScript-kieli:	object.style.maskType="alpha"