mask-border-mode
Quick Summary for mask-border-mode
The mask-border-mode CSS property specifies the blending mode used in a mask border.
Code Usage for mask-border-mode
/* Keyword values */ mask-border-mode: luminance; mask-border-mode: alpha;  /* Global values */ mask-border-mode: inherit; mask-border-mode: initial; mask-border-mode: repeat; mask-border-mode: unset;
More Details for mask-border-mode

mask-border-mode

The mask-border-mode CSS property specifies the blending mode used in a mask border.

Syntax

/* Keyword values */ mask-border-mode: luminance; mask-border-mode: alpha;  /* Global values */ mask-border-mode: inherit; mask-border-mode: initial; mask-border-mode: repeat; mask-border-mode: unset;

Values

luminance

The luminance values of the mask border image are used as the mask values.

alpha

The alpha values of the mask border image are used as the mask values.

Formal definition

Initial valuealpha
Applies toall elements; In SVG, it applies to container elements excluding the defs element and all graphics elements
Inheritedno
Computed valueas specified
Animation typediscrete

Formal syntax

luminance | alpha

Examples

Basic usage

This property doesn't yet seem to have support anywhere. When browsers support it, it will specify the type of blending mode used for the mask border — luminance or alpha:

mask-border-mode: luminance; mask-border-mode: alpha;

Specifications

No specification found

No specification data found for css.properties.mask-border-mode.Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

No compatibility data found for css.properties.mask-border-mode.Check for problems with this page or contribute missing data to mdn/browser-compat-data.

See also

mask-border mask-border-outset mask-border-repeat mask-border-source mask-border-width

Last modified: Aug 12, 2021, by MDN contributors

Select your preferred language English (US)Français日本語中文 (简体) Change language

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Items in CSS
rgb() rgba() :right right @right-bottom :root rotate rotate() rotate3d() rotateX() rotateY() rotateZ() row-gap ruby-align ruby-position saturate() scale scale() scale3d() scaleX() scaleY() scaleZ() :scope scroll-behavior scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start scroll-padding-left scroll-padding-right scroll-padding-top scroll-snap-align scroll-snap-stop scroll-snap-type @scroll-timeline
Related Search Terms
CSS details 27
CSS https 36
CSS git 51
CSS index 53
CSS the 55
CSS css 61
CSS CSS 74
CSS select 52
Other Categories in CSS
css
Search CSS
Search CSS by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
The happiest People don't have the best of everything, they just make the best of everything.
Unknown
Random CSS Property

border-bottom-right-radius

The border-bottom-right-radius CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
border-bottom-right-radius css reference