EduByte.tech
Start learning
CSS · Properties — CSS Masking

mask-border

The CSS mask-border property. Initial value: mask-border-mode,mask-border-outset,mask-border-repeat,mask-border-slice,mask-border-source,mask-border-width. Not inherited.

cssRunnable example css course
Syntax
mask-border: <'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>

Example

Try it

Notes

Media: visual. Applies to: allElementsSVGContainerElements. Computed value: mask-border-mode,mask-border-outset,mask-border-repeat,mask-border-slice,mask-border-source,mask-border-width.

More in this group

clip-path clip-rule mask mask-border-mode mask-border-outset mask-border-repeat mask-border-slice mask-border-source

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course