mask-border-source
Summary
Specifies an image to be used as a mask. An image that is empty, fails to download, is non-existent, or cannot be displayed is ignored and does not mask the element.
Overview table
- Initial value
none- Applies to
- All elements. In SVG, it applies to container elements and graphics elements.
- Inherited
- No
- Media
- visual
- Computed value
- “none” or the image with its URI made absolute.
- Animatable
- No
- Percentages
- N/A
Syntax
mask-border-source: <image>mask-border-source: none
Values
- none
- Counts as an image layer but does not mask the element.
- <image>
- A CSS image.
Examples
/* none */
p { mask-border-source: none; }
/* image */
div { mask-border-source: url(#someMask); }
Related specifications
- CSS Masking Level 1
- W3C Last Call Working Draft
- CSS Masking Level 1
- W3C Editor’s Draft