mask-border-outset
Defines how much the mask border area extends beyond the element's border box, effectively pushing the mask outwards.
It is documented as part of the CSS Masking specification.
Syntax
/* Usage Example */
.masked-element {
/* Extends the mask 10px beyond the element edges */
mask-border-outset: 10px;
}
/* Global values */
mask-border-outset: inherit;
mask-border-outset: initial;
mask-border-outset: revert;
mask-border-outset: revert-layer;
mask-border-outset: unset;mask-border-outset Browser support
Widely available
Since
2015 92% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
1+
17.2+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more