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 प्रभाव