mask-border-outset | CSS CSS Properties

Defines how much the mask border area extends beyond the element's border box, effectively pushing the mask outwards.

Quick example

.masked-element {
  /* Extends the mask 10px beyond the element edges */
  mask-border-outset: 10px;
}

Initial value

0

Inherited

Applies to

all elements and SVG container elements

Animation type

discrete

Limited availability92% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

17.2+