CSS mask-size অপারেটর

সংজ্ঞা ও ব্যবহার

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
জেভাস্ক্রিপ্ট গ্রামার:	object.style.maskSize="100px 200px"