You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This property specifies inward offsets from the top, right, bottom, and left edges of the mask image, dividing it into nine regions: four corners, four edges and a middle. The middle image part is discarded (treated as fully transparent black) unless the <dfndfn-for=mask-box-slicedfn-type=value>fill-box</dfn> keyword is present.
905
+
This property specifies inward offsets from the top, right, bottom, and left edges of the mask image, dividing it into nine regions: four corners, four edges and a middle. The middle image part is discarded (treated as fully transparent black) unless the <dfndfn-for=mask-box-slicedfn-type=value>fill</dfn> keyword is present.
906
906
907
907
See the 'border-image-slice' property [[!CSS3BG]] for the definitions of the property values.
<p>For SVG elements without associated CSS layout box, the values <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-content-boxtitle=content-box>content-box</a>, <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-padding-boxtitle=padding-box>padding-box</a>, <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-border-boxtitle=border-box>border-box</a> and <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-margin-boxtitle=margin-box>margin-box</a> compute to <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-fill-box2title=fill-box>fill-box</a>.
666
+
<p>For SVG elements without associated CSS layout box, the values <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-content-boxtitle=content-box>content-box</a>, <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-padding-boxtitle=padding-box>padding-box</a>, <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-border-boxtitle=border-box>border-box</a> and <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-margin-boxtitle=margin-box>margin-box</a> compute to <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-fill-boxtitle=fill-box>fill-box</a>.
667
667
668
-
<p>For elements with associated CSS layout box, the values <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-fill-box2title=fill-box>fill-box</a>, <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-stroke-boxtitle=stroke-box>stroke-box</a> and <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-view-boxtitle=view-box>view-box</a> compute to the initial value of <aclass=propertydata-link-type=propdeschref=#propdef-mask-origintitle=mask-origin>mask-origin</a>.
668
+
<p>For elements with associated CSS layout box, the values <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-fill-boxtitle=fill-box>fill-box</a>, <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-stroke-boxtitle=stroke-box>stroke-box</a> and <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-view-boxtitle=view-box>view-box</a> compute to the initial value of <aclass=propertydata-link-type=propdeschref=#propdef-mask-origintitle=mask-origin>mask-origin</a>.
669
669
670
670
<pclass=note>Note: If <aclass=propertydata-link-type=propdeschref=#propdef-mask-cliptitle=mask-clip>mask-clip</a> is <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-padding-boxtitle=padding-box>padding-box</a>, <aclass=propertydata-link-type=propdeschref=#propdef-mask-origintitle=mask-origin>mask-origin</a> is <aclass=css-codedata-link-for=mask-origindata-link-type=valuehref=#valuedef-border-boxtitle=border-box>border-box</a>, <aclass=propertydata-link-type=propdeschref=#propdef-mask-positiontitle=mask-position>mask-position</a> is <spanclass=cssdata-link-type=maybetitle="top left">top left</span> (the initial value), and the element has a non-zero border, then the top and left of the mask image will be clipped.
<h3class="heading settled heading" data-level=8.2id=the-mask-box-slice><spanclass=secno>8.2 </span><spanclass=content>Mask Image Slicing: the <aclass=propertydata-link-type=propdeschref=#propdef-mask-box-slicetitle=mask-box-slice>mask-box-slice</a> property</span><aclass=self-linkhref=#the-mask-box-slice></a></h3>
824
824
825
825
<tableclass="definition propdef"><tr><th>Name:<td><dfnclass=css-codedata-dfn-type=propertydata-export="" id=propdef-mask-box-slice>mask-box-slice<aclass=self-linkhref=#propdef-mask-box-slice></a></dfn><tr><th>Value:<tdclass=prod>[<aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#number-valuetitle="<number>"><number></a> | <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#percentage-valuetitle="<percentage>"><percentage></a>]{1,4} fill?<tr><th>Initial:<td>0 fill<tr><th>Applies to:<td>All elements. In SVG, it applies to <ahref=http://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermContainerElement>container elements</a> excluding the <ahref=http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#DefsElement><codeclass=element-name><defs></code></a> element and all <ahref=http://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermGraphicsElement>graphics elements</a><tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>as specified<tr><th>Percentages:<td>refer to size of the mask image<tr><th>Animatable:<td>no</table>
826
-
<p>This property specifies inward offsets from the top, right, bottom, and left edges of the mask image, dividing it into nine regions: four corners, four edges and a middle. The middle image part is discarded (treated as fully transparent black) unless the <dfnclass=css-codedata-dfn-for=mask-box-slicedata-dfn-type=valuedata-export="" id=valuedef-fill-box>fill-box<aclass=self-linkhref=#valuedef-fill-box></a></dfn> keyword is present.
826
+
<p>This property specifies inward offsets from the top, right, bottom, and left edges of the mask image, dividing it into nine regions: four corners, four edges and a middle. The middle image part is discarded (treated as fully transparent black) unless the <dfnclass=css-codedata-dfn-for=mask-box-slicedata-dfn-type=valuedata-export="" id=valuedef-fill>fill<aclass=self-linkhref=#valuedef-fill></a></dfn> keyword is present.
827
827
828
828
<p>See the <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-backgrounds-3/#border-image-slicetitle=border-image-slice>border-image-slice</a> property <adata-biblio-type=normativedata-link-type=bibliohref=#css3bgtitle=css3bg>[CSS3BG]</a> for the definitions of the property values.
0 commit comments