mask-size | CSS CSS Properties

Sets the size of the mask image. You can use keywords like 'cover' or 'contain', or specific pixel/percentage values, just like 'background-size'.

Quick example

.masked-element {
  /* Scales the mask image to cover the entire element */
  mask-size: cover;
}

Initial value

auto

Inherited

Applies to

all elements and SVG container elements

Animation type

repeatableList

Newly available Since 2023 88% global usage

Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

120+

53+

15.4+

120+