Web features explorer

mask-border

Limited availability

The mask-border CSS property sets how the edges of an element are masked. It is a shorthand for mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, and mask-border-width.

Browser support

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Bugs: 877294
  • Firefox for Android Not supported Bugs: 877294
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11
👍
4

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer use cases

  • The ability to shape corners arbitrarily and texture borders arbitrarily without using javascript Which you can see in this [visual example](https://examples.felixtjernberg.se/web-platform-dx/developer-signals/225) The ability to shape corners arbitrarily and texture borders arbitrarily without using javascript Which you can see in this [visual example](https://examples.felixtjernberg.se/web-platform-dx/developer-signals/225) [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist