دستورالعمل‌های مرجع CSS

ویژگی‌های CSS

mask-mode ویژگی مشخص می‌کند که تصویر لایه پوشش باید به عنوان لایه روشنایی یا آلفا در نظر گرفته شود.

تصویر لایه پوشش به عنوان لایه روشنایی در نظر گرفته شود:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 70%;
  mask-repeat: no-repeat;
  mask-mode: luminance;
}

mask-mode: match-source|luminance|alpha|initial|inherit;

مقدار	توضیح
match-source	اگر ویژگی mask-image یک تصویر (URL تصویر یا محدوده) است، مقدار mask-mode را به alpha تنظیم کنید. اگر ویژگی mask-image یک SVG <mask> است، از ویژگی mask-type عناصر <mask> استفاده کنید. این مقدار پیش‌فرض است.
لومینانس	از مقدار روشنایی تصویر پوشش استفاده کنید.
آلفا	از مقدار آلفا تصویر پوشش استفاده کنید.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: مراجعه کنید initial.
inherit	این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به: مراجعه کنید inherit.

مقدار پیش‌فرض:	match-source
نحوه ارث:	خیر
انیمیشن‌سازی:	پشتیبانی نمی‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن.
نسخه:	مодуل مسکن CSS سطح 1
قوانین جاوااسکریپت:	object.style.maskMode="alpha"