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;
}

আপনার হাতে পরীক্ষা করুন

CSS গ্রামার

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 প্রতিভা