mask-border-slice
Description
The mask-border-slice property for CSS specifies inward offsets from the top, right, bottom, and left edges of the mask border image, dividing it into nine regions: four corners, four edges and a middle.
The middle image part is discarded and treated as fully opaque white (the content covered by the middle part is not masked and shines through) unless the fill keyword is present.
Syntax
CSS
mask-border-slice: value;
JS
object.style.maskBorderSlice = "value";
Values
<'mask-border-slice'> = <number-percentage>{1,4} fill?<number-percentage> = [ <number> | <percentage> ]
<number>
An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a sign (- or +). The last character may be succeeded by an exponent (e or E) and an integer.
<percentage>
Specifies the percentage using a number followed by a percent sign (%).
fill
Causes the middle part of the image to be preserved.
Initial
0
