mask-type


Misol

Ikkita SVG <mask> elementiga qarang: birida mask-type alpha, ikkinchisida 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>
O‘zingiz sinab ko‘ring »

ULASHISH

Ta’rif va qo‘llanilishi

mask-type xususiyati SVG <mask> elementi yorqinlik (luminance) maskasi yoki alfa (alpha) maskasi sifatida qaralishini belgilaydi.

Bu SVG <mask> elementining o‘ziga qo‘llaniladi.

Standart qiymat: luminance
Meros qilinadi: yo‘q
Animatsiya qilinadi: yo‘q. animatable haqida o‘qing
Versiya: CSS Masking moduli, 1-daraja
JavaScript sintaksisi: object.style.maskType="alpha"

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
mask-type 24 79 35 7 15


CSS sintaksisi

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

Xususiyat qiymatlari

Qiymat Tavsif
luminance Maska rasmini yorqinlik (luminance) maskasi sifatida qaraydi. Bu standart qiymat.
alpha Maska rasmini alfa (alpha) maskasi sifatida qaraydi
initial Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing

Tegishli sahifalar

CSS ma’lumotnomasi: mask xususiyati

CSS ma’lumotnomasi: mask-clip xususiyati

CSS ma’lumotnomasi: mask-composite xususiyati

CSS ma’lumotnomasi: mask-image xususiyati

CSS ma’lumotnomasi: mask-mode xususiyati

CSS ma’lumotnomasi: mask-origin xususiyati

CSS ma’lumotnomasi: mask-position xususiyati

CSS ma’lumotnomasi: mask-repeat xususiyati

CSS ma’lumotnomasi: mask-size xususiyati

CSS darsligi: CSS masking


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!