CSS mask-origin خاصية

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

mask-origin تعريف الخصائص المحددة لموقع الصورة المظلمة (أي منطقة موقع المظلمة).

مثال

عرض mask-origin القيم المختلفة للخصائص:

.masked {
  background: green;
  border: 30px solid blue;
  padding: 20px;
  -webkit-mask-image: url(img_circle.svg);
  mask-image: url(img_circle.svg);
  mask-size: 50%;
  mask-repeat: no-repeat;
}
.mask1 {
  mask-origin: border-box;
}
.mask2 {
  mask-origin: content-box;
}
.mask3 {
  mask-origin: padding-box;
}
.mask4 {
  mask-origin: fill-box;
}

تجربة شخصية

جافا سكربت لغة

mask-origin: border-box|content-box|padding-box|fill-box|stroke-box|view-box|initial|inherit;

قيمة الخاصية

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

دعم المتصفح

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

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

دروس:مظلة CSS

المرجع:CSS mask خاصية

المرجع:CSS mask-clip خاصية

المرجع:CSS mask-composite خاصية

المرجع:CSS mask-image خاصية

المرجع:CSS mask-mode خاصية

المرجع:CSS mask-position خاصية

المرجع:CSS mask-repeat خاصية

المرجع:CSS mask-size خاصية

المرجع:CSS mask-type خاصية