Home / CSS Almanac / Properties / M / mask-repeat

mask-repeat

Avatar of Chris Coyier
Chris Coyier on

AWS Amplify - the fastest, easiest way to develop mobile and web apps that scale.

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:

  • 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
90*53No87*TP*

Mobile / Tablet

Android ChromeAndroid FirefoxAndroidiOS Safari
87*8381*14.0-14.3*
Frontend Masters logo

Need 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.