Skip to main content
Home / CSS Almanac / Properties / M / mask-repeat

In CSS, the mask-repeat property tells a mask if it should repeated or not and in which directions. It’s a lot like background-repeat. The default is repeat.

This mask does not repeat:

This mask repeats both ways:

This mask repeats along the x axis:

This mask repeats along the y axis:

Related Properties

  • mask-type
  • mask-size
  • mask-image
  • mask-mode
  • mask-origin
  • mask-position

Browser Support

This browser support data is from Caniuse, which has more detail. A number indicates that browser supports the feature at that version and up.



Mobile / Tablet

Android ChromeAndroid FirefoxAndroidiOS Safari
Jump to Almanac Navigation