mask-border

The mask-border property shorthand for mask border properties.

Formal Syntax

mask-border = <'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>

Initial value: See individual properties
Applies to: See individual properties
Inherited: no
Percentages: n/a
Computed value: See individual properties
Animation type: See individual properties
Media: visual

See specification

JavaScript Access

// Access via element.style element.style.maskBorder = "See individual properties";

Browser Support

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
mask-border	1	—	17.2	79

Related Properties

backdrop-filter
background-blend-mode
box-shadow
clip-path
clip-rule
color-interpolation
color-interpolation-filters
color-scheme
filter
flood-color
flood-opacity
forced-color-adjust
image-orientation
image-rendering
isolation
lighting-color
mask
mask-border-outset
mask-border-repeat
mask-border-slice
mask-border-source
mask-border-width
mask-clip
mask-composite
mask-image
mask-mode
mask-origin
mask-position
mask-repeat
mask-size
mask-type
mix-blend-mode
object-fit
object-position
opacity
paint-order
print-color-adjust
shape-image-threshold
shape-margin
shape-outside
stop-color
stop-opacity
text-shadow
object-view-box 🧪
box-shadow-blur 🚧
box-shadow-color 🚧
box-shadow-offset 🚧
box-shadow-position 🚧
box-shadow-spread 🚧
image-resolution 🚧
mask-border-mode 🚧
shape-inside 🚧
shape-padding 🚧
shape-subtract 🚧
clip 🗑️
color-adjust 🗑️