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

mask-repeat

Avatar of Chris Coyier
Author
Chris Coyier
Published

Learn Development at Frontend Masters

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.

Desktop

ChromeFirefoxIEEdgeSafari
86*53No83*TP*

Mobile / Tablet

Android ChromeAndroid FirefoxAndroidiOS Safari
81*6881*13.4*
Frontend Masters logo

Need some front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

This comment thread is closed. If you have important information to share, please contact us.