This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The mask-border-repeat
CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.
/* Keyword value */ mask-border-repeat: stretch; mask-border-repeat: repeat; mask-border-repeat: round; mask-border-repeat: space; /* vertical | horizontal */ mask-border-repeat: round stretch; /* Global values */ mask-border-repeat: inherit; mask-border-repeat: initial; mask-border-repeat: unset;
The mask-border-repeat
property may be specified using one or two values chosen from the list of values below.
stretch
repeat
round
space
[ stretch | repeat | round | space ]{1,2}
Specification | Status | Comment |
---|---|---|
CSS Masking Module Level 1 The definition of 'mask-border-repeat' in that specification. | Candidate Recommendation | Initial definition |
Initial value | stretch |
---|---|
Applies to | all elements; In SVG, it applies to container elements excluding the <defs> element and all graphics elements |
Inherited | no |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | per grammar |
TBD
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/mask-border-repeat