خصائص نوع الرسام

التعريف والاستخدام

mask-type يحدد هذا الخصائص ما إذا كان SVG <mask> العنصر يتم التعامل معه كغطاء لوني أو كغطاء ألفا.

هذا الخصائص ينطبق على العنصر 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;

قيمة الخاصية

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية بشكل كامل لأول مرة.

الصفحات ذات الصلة

دروس:غطاء CSS

المرجع:خصائص الرسام

المرجع:خصائص قطع الرسام

المرجع:خصائص تكامل الرسام

المرجع:خصائص صورة الرسام

المرجع:خصائص نمط الرسام

المرجع:خصائص مصدر الرسام

المرجع:خصائص موقف الرسام

المرجع:خصائص تكرار الرسام

المرجع:خصائص حجم الرسام