BASELINE NowYouCanUse.com
Limited Availability Clipping, shapes, and masking

mask-border

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.
Baseline Status: This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Dec 11, 2023.
Desktop Browser Engine Support
Google Chrome
—
Unsupported
Mozilla Firefox
—
Unsupported
Apple Safari
17.2
Supported
Microsoft Edge
—
Unsupported
Mobile Browser Engine Support
Chrome Android
—
Firefox Android
—
Safari iOS
17.2
Specifications and References
Specification ↗ Feature XML ↗
MDN Browser Compat Data Keys:
css.properties.mask-border ↗ css.properties.mask-border-outset ↗ css.properties.mask-border-repeat ↗ css.properties.mask-border-repeat.repeat ↗ css.properties.mask-border-repeat.round ↗ css.properties.mask-border-repeat.space ↗ css.properties.mask-border-repeat.stretch ↗ css.properties.mask-border-slice ↗ css.properties.mask-border-source ↗ css.properties.mask-border-source.none ↗ css.properties.mask-border-width ↗ css.properties.mask-border-width.auto ↗ css.properties.mask-border.none ↗ css.properties.mask-border.repeat ↗ css.properties.mask-border.round ↗ css.properties.mask-border.space ↗ css.properties.mask-border.stretch ↗
id: mask-border