mask-border
Summary
This property is shorthand for setting mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, and mask-border-repeat. Omitted values are set to their original properties’ initial values.
Overview table
- Initial value
See individual properties.- Applies to
- See individual properties.
- Inherited
- No
- Media
- visual
- Computed value
- See individual properties.
- Animatable
- No
- Percentages
- See individual properties.
Syntax
mask-border: <mask-border-outset>mask-border: <mask-border-repeat>mask-border: <mask-border-slice>mask-border: <mask-border-source>mask-border: <mask-border-width>
Values
- <mask-border-source>
- See mask-border-source.
- <mask-border-slice>
- See mask-border-slice.
- <mask-border-width>
- See mask-border-width.
- <mask-border-outset>
- See mask-border-outset.
- <mask-border-repeat>
- See mask-border-repeat.
Examples
/* mask-border-source (-slice) / -width / (-outset) -repeat */
#maskbox1 {
mask-border: url(#someMask) / 5% / stretch;
}
Related specifications
- CSS Masking Level 1
- W3C Last Call Working Draft
- CSS Masking Level 1
- W3C Editor’s Draft