Skip to main content
Home / CSS Almanac / Properties / M / mask-repeat
Avatar of Chris Coyier
Author
Chris Coyier
Published

MailChimp: Grow sales with Customer Journey Smarts

MailChimp / Google Impression Tracker 'pixel' image tracker

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
89*53No86*TP*

Mobile / Tablet

Android ChromeAndroid FirefoxAndroidiOS Safari
85*7981*14*
Jump to Almanac Navigation
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.