CSS mask-type অপার্টিটি

পূর্ববর্তী পৃষ্ঠা mask-size
পরবর্তী পৃষ্ঠা max-block-size

বিবরণ ও ব্যবহার

mask-type বৈশিষ্ট্যটি SVG <mask> উপাদানকে আলোকমান হলোজেন হিসাবে কিংবা alpha হলোজেন হিসাবে হিসেব করা হয়েছে।

এই বৈশিষ্ট্যটি SVG <mask> উপাদান স্বত্বে প্রযোজ্য。

প্রয়োগ

দুইটি 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	এই বৈশিষ্ট্যটি তার পিতৃ উপাদান থেকে উত্তরণ করে। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান:	luminance
উত্তরণযোগ্যতা:	না
অ্যানিমেশন নির্মাণ:	সমর্থন নেই। দেখুন:অ্যানিমেশন-সংক্রান্ত প্রতিশব্দ。
সংস্করণ：	CSS Masking Module Level 1
JavaScript 语法：	object.style.maskType="alpha"