دليل المراجعة لـ CSS

خصائص-الـCSS

mask-size يحدد هذا الخاصية حجم صورة التغطية.

تحديد حجم صورة التغطية (بالنسبة المئوية):

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

تحديد حجم صورة التغطية (بالبيكسل):

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 200px 200px;
  mask-repeat: no-repeat;
}

mask-size: auto|size|contain|cover|initial|inherit;

القيمة	الوصف
auto	القيمة الافتراضية.
size	تحديد حجم صورة التغطية، يمكن استخدام وحدات مثل px،em،أو في %.
contain	تكبير صورة التغطية لتتناسب عرضها وارتفاعها مع داخل صندوق التغطية.
cover	تكبير صورة التغطية لتغطية عرضها وارتفاعها الكامل لصندوق التغطية.
initial	اعتماد هذا الخاصية إلى قيمتها الافتراضية. انظر إلى: initial.
inherit	ينتقل هذا الخاصية من عنصر الأب. انظر إلى: inherit.

القيمة الافتراضية:	auto
الوراثة:	لا
إنتاج المتحركات:	غير مدعوم. انظر إلى:خصائص المتحركة.
الإصدار:	مستوى 1 لمodule التغطية CSS
قواعد النصوص لجافا سكربت:	object.style.maskSize="100px 200px"