mask-repeat প্রপার্টি
mask-repeat প্রপার্টি মাস্কের পুনরাবৃত্তির পদ্ধতি নির্দিষ্ট করে, যদি এর মাত্রা এলিমেন্টের মাত্রার চেয়ে কম হয়।
এটি background-repeat-এর মতো একইভাবে কাজ করে,
কিন্তু মাস্কের জন্য প্রয়োগ করা হয়।
সিনট্যাক্স
সিলেক্টর {
mask-repeat: repeat-x | repeat-y | repeat | space | round | no-repeat;
}
মানসমূহ
| মান | বর্ণনা |
|---|---|
repeat |
মাস্ক উভয় অক্ষ বরাবর পুনরাবৃত্তি হয় (ডিফল্ট)। |
no-repeat |
মাস্ক পুনরাবৃত্তি হয় না। |
repeat-x |
মাস্ক শুধুমাত্র অনুভূমিকভাবে পুনরাবৃত্তি হয়। |
repeat-y |
মাস্ক শুধুমাত্র উল্লম্বভাবে পুনরাবৃত্তি হয়। |
space |
মাস্ক সমান ব্যবধান সহ পুনরাবৃত্তি হয়। |
round |
মাস্ক সমানভাবে পূরণ করার জন্য স্কেল করা হয়। |
উদাহরণ . পুনরাবৃত্তি ছাড়া (no-repeat)
কেন্দ্রে একটি হার্ট, কোনো পুনরাবৃত্তি ছাড়াই:
<img id="image" src="image.jpg">
#image {
width: 500px;
height: 281px;
mask-image: url("heart.svg");
mask-position: center;
mask-size: 100px;
mask-repeat: no-repeat;
}
:
উদাহরণ . অনুভূমিক পুনরাবৃত্তি (repeat-x)
হার্টগুলি শুধুমাত্র অনুভূমিকভাবে পুনরাবৃত্তি হয়:
<img id="image" src="image.jpg">
#image {
width: 500px;
height: 281px;
mask-image: url("heart.svg");
mask-position: left center;
mask-size: 50px;
mask-repeat: repeat-x;
}
:
উদাহরণ . উল্লম্ব পুনরাবৃত্তি (repeat-y)
হার্টগুলি শুধুমাত্র উল্লম্বভাবে পুনরাবৃত্তি হয়:
<img id="image" src="image.jpg">
#image {
width: 500px;
height: 281px;
mask-image: url("heart.svg");
mask-position: center top;
mask-size: 50px;
mask-repeat: repeat-y;
}
:
উদাহরণ . ব্যবধান সহ পুনরাবৃত্তি (space)
হার্টগুলি সমান ব্যবধান সহ বন্টন করা হয়েছে:
<img id="image" src="image.jpg">
#image {
width: 500px;
height: 281px;
mask-image: url("heart.svg");
mask-size: 80px;
mask-repeat: space;
}
:
উদাহরণ . স্কেলযোগ্য পুনরাবৃত্তি (round)
হার্টগুলি সমানভাবে পূরণ করার জন্য স্কেল করা হয়:
<img id="image" src="image.jpg">
#image {
width: 500px;
height: 281px;
mask-image: url("heart.svg");
mask-size: 80px;
mask-repeat: round;
}
:
আরও দেখুন
-
mask-sizeপ্রপার্টি,
মাস্কের আকার নির্ধারণ করে -
mask-positionপ্রপার্টি,
মাস্কের অবস্থান নির্ধারণ করে -
maskপ্রপার্টি,
মাস্কিং সংক্রান্ত সকল প্রপার্টির জন্য সংক্ষিপ্ত রূপ
