CSS mask-clip प्रभाव

परिभाषा और उपयोग

mask-clip इस गुण का उपयोग छाया चित्र के प्रभाव का क्षेत्र निर्दिष्ट करता है。

उदाहरण

दर्शाना mask-clip विभिन्न मूल्य:

.masked {
  width: 150px;
  height: 150px;
  background: green;
  border: 30px solid blue;
  padding: 20px;
  -webkit-mask-image: url(img_circle.svg);
  mask-image: url(img_circle.svg);
  mask-size: 100% 100%;
}
.mask1 {
  mask-clip: border-box;
}
.mask2 {
  mask-clip: content-box;
}
.mask3 {
  mask-clip: padding-box;
}
.mask4 {
  mask-clip: fill-box;
}
.mask5 {
  mask-clip: stroke-box;
}

स्वयं आज्ञा करें

CSS व्याकरण

mask-clip: border-box|content-box|padding-box|fill-box|stroke-box|view-box|no-clip|border|padding|content|text|initial|inherit;

गुण मान

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

संबंधित पृष्ठ

शिक्षा देखेंःCSS मास्क

संदर्भःCSS mask प्रभाव

संदर्भःCSS mask-composite प्रभाव

संदर्भःCSS mask-image प्रभाव

संदर्भःCSS mask-mode प्रभाव

संदर्भःCSS mask-origin प्रभाव

संदर्भःCSS mask-position प्रभाव

संदर्भःCSS mask-repeat प्रभाव

संदर्भःCSS mask-size प्रभाव

संदर्भःCSS mask-type प्रभाव