CSS mask-size کی ویژگی

تعریف و استفاده

mask-size ویژگی این است که اندازه تصویر پوشش را مشخص کند.

مثال

مثال 1

اندازه تصویر پوشش را (با درصد) تنظیم کنید:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 70%;
  mask-repeat: no-repeat;
}

آزمایش شخصی کنید

مثال 2

اندازه تصویر پوشش را (با واحد پیکسل) تنظیم کنید:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 200px 200px;
  mask-repeat: no-repeat;
}

آزمایش شخصی کنید

نوع‌نگاری CSS

mask-size: auto|size|contain|cover|initial|inherit;

مقدار ویژگی

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه‌ای اولین مرورگر هستند که این ویژگی را کامل پشتیبانی می‌کند.

مربوط صفحات

تعلیم:CSS شیل

مطالعه:CSS mask کی ویژگی

مطالعه:CSS mask-clip کی ویژگی

مطالعه:CSS mask-composite کی ویژگی

مطالعه:CSS mask-image کی ویژگی

مطالعه:CSS mask-mode کی ویژگی

مطالعه:CSS mask-origin کی ویژگی

مطالعه:CSS mask-position کی ویژگی

مطالعه:CSS mask-repeat کی ویژگی

مطالعه:CSS mask-type کی ویژگی