CSS中的mask-size屬性被用于指定遮罩圖片的大小。這個屬性非常有用，尤其是在用CSS實現圓形遮罩的時候。

.example {
-webkit-mask-image: url('mask.png');
mask-image: url('mask.png');
-webkit-mask-size: 50px 50px;
mask-size: 50px 50px;
}

以上代碼顯示了如何使用mask-size屬性。在這個例子中，我們使用了一個名為"example"的類，并指定了遮罩圖片的路徑。接著，我們設置了-webkit-mask-size和mask-size屬性，將它們的值設置為50像素×50像素。這意味著遮罩圖片的大小將被限制在50×50像素的區域內，而且在這個區域外的圖像將被忽略。

如果你需要使用一個不規則的遮罩圖片，你可以使用SVG來創建一個可縮放的矢量圖形，并將其用作遮罩圖片。在這種情況下，你可以使用mask-size屬性來確保遮罩圖片的大小與實際的元素大小相匹配。

.example {
-webkit-mask-image: url('mask.svg');
mask-image: url('mask.svg');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}

以上代碼將SVG文件用作遮罩圖片，并使用mask-size屬性將其設置為與實際的元素大小相匹配。這確保了遮罩圖片可以正確地縮放，并且在整個元素內被正確地顯示。

總之，mask-size屬性是非常有用的，因為它可以幫助你控制遮罩圖片的大小，以確保在所有環境中都能正確地顯示。