This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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

CSS Object Model Property
:

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