Web platform features explorer

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.

Status

Limited availability

MDN documentation

mask-border

Specifications

CSS Masking Module Level 1 (#mask-borders), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌
Chrome Android ❌
Edge ❌
Firefox ❌ See bugzil.la/877294
Firefox for Android ❌ See bugzil.la/877294
Safari 17.2 Released on 2023-12-11
Safari on iOS 17.2 Released on 2023-12-11

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
3

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

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