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
<td>All elements. In SVG, it applies to <ahref="https://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermContainerElement">container elements</a> excluding the <ahref="https://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#DefsElement"><codeclass="element-name"><defs></code></a> element and all <ahref="https://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermGraphicsElement">graphics elements</a>
<p>The <aclass="property" data-link-type="propdesc" href="#propdef-mask-mode">mask-mode</a> property indicates whether the <aclass="production css" data-link-type="type" href="#typedef-mask-reference"><mask-reference></a> is treated as luminance mask or alpha mask. (See <ahref="#MaskValues">Mask processing</a>.)</p>
<dd> A value of <aclass="css" data-link-type="value" href="#valdef-mask-mode-alpha">alpha</a> indicates that the alpha values of the <adata-link-type="dfn" href="#mask-layer-image">mask layer image</a> should be used as the mask values. See <ahref="#MaskValues">Calculating mask values</a>.
<dd> A value of <aclass="css" data-link-type="value" href="#valdef-mask-mode-luminance">luminance</a> indicates that the luminance values of the <adata-link-type="dfn" href="#mask-layer-image">mask layer image</a> should be used as the mask values. See <ahref="#MaskValues">Calculating mask values</a>.
<p>If the <aclass="production css" data-link-type="type" href="#typedef-mask-reference"><mask-reference></a> of the <aclass="property" data-link-type="propdesc" href="#propdef-mask-image">mask-image</a> property is of type <aclass="production css" data-link-type="type" href="#typedef-mask-source"><mask-source></a> the luminance values of the <adata-link-type="dfn" href="#mask-layer-image">mask layer image</a> should be used as the mask values.</p>
563
563
<p>If the <aclass="production css" data-link-type="type" href="#typedef-mask-reference"><mask-reference></a> of the <aclass="property" data-link-type="propdesc" href="#propdef-mask-image">mask-image</a> property is of type <aclass="production css" data-link-type="type" href="https://drafts.csswg.org/css-images-3/#typedef-image"><image></a> the alpha values of the <adata-link-type="dfn" href="#mask-layer-image">mask layer image</a> should be used as the mask values.</p>
<dd> Indicates that the alpha values of the mask should be used.
1419
1419
</dl>
1420
-
<p>The <aclass="property" data-link-type="propdesc" href="#propdef-mask-type">mask-type</a> property allows the author of the <adata-link-type="element" href="#elementdef-mask">mask</a> element to specify the preferred masking mode. However, the author can override this preference by setting the <aclass="property" data-link-type="propdesc" href="#propdef-mask-mode">mask-mode</a> value to something different than <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-auto">auto</a> on the masked content.</p>
1421
-
<divclass="example" id="example-c033a63a">
1422
-
<aclass="self-link" href="#example-c033a63a"></a>
1423
-
<p>In the following example the computed value of <aclass="property" data-link-type="propdesc" href="#propdef-mask-type">mask-type</a> is <aclass="css" data-link-type="value" href="#valdef-mask-type-luminance">luminance</a> and the computed value of <aclass="property" data-link-type="propdesc" href="#propdef-mask-mode">mask-mode</a> is <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-auto">auto</a>. The UA must follow the preferred masking mode defined on the <adata-link-type="element" href="#elementdef-mask">mask</a> element. </p>
1420
+
<p>The <aclass="property" data-link-type="propdesc" href="#propdef-mask-type">mask-type</a> property allows the author of the <adata-link-type="element" href="#elementdef-mask">mask</a> element to specify the preferred masking mode. However, the author can override this preference by setting the <aclass="property" data-link-type="propdesc" href="#propdef-mask-mode">mask-mode</a> value to something different than <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-match-source">match-source</a> on the masked content.</p>
1421
+
<divclass="example" id="example-2f49b58e">
1422
+
<aclass="self-link" href="#example-2f49b58e"></a>
1423
+
<p>In the following example the computed value of <aclass="property" data-link-type="propdesc" href="#propdef-mask-type">mask-type</a> is <aclass="css" data-link-type="value" href="#valdef-mask-type-luminance">luminance</a> and the computed value of <aclass="property" data-link-type="propdesc" href="#propdef-mask-mode">mask-mode</a> is <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-match-source">match-source</a>. The UA must follow the preferred masking mode defined on the <adata-link-type="element" href="#elementdef-mask">mask</a> element. </p>
<p><aclass="production css" data-link-type="type" href="#typedef-top"><top></a> and <aclass="production css" data-link-type="type" href="#typedef-bottom"><bottom></a> specify offsets from the top border edge of the box, and <aclass="production css" data-link-type="type" href="#typedef-right"><right></a>, and <aclass="production css" data-link-type="type" href="#typedef-left"><left></a> specify offsets from the left border edge of the box. Authors should separate offset values with commas. User agents must support separation with commas, but may also support separation without commas (but not a combination), because a previous revision of this specification was ambiguous in this respect.</p>
1491
-
<p><dfnclass="css" data-dfn-type="type" data-export="" id="typedef-top"><top><aclass="self-link" href="#typedef-top"></a></dfn>, <dfnclass="css" data-dfn-type="type" data-export="" id="typedef-right"><right><aclass="self-link" href="#typedef-right"></a></dfn>, <dfnclass="css" data-dfn-type="type" data-export="" id="typedef-bottom"><bottom><aclass="self-link" href="#typedef-bottom"></a></dfn>, and <dfnclass="css" data-dfn-type="type" data-export="" id="typedef-left"><left><aclass="self-link" href="#typedef-left"></a></dfn> may either have a <aclass="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value"><length></a> value or <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-auto">auto</a>. Negative lengths are permitted. The value <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-auto">auto</a> means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-auto">auto</a> means the same as <spanclass="css">0</span> for <aclass="production css" data-link-type="type" href="#typedef-top"><top></a> and <aclass="production css" data-link-type="type" href="#typedef-left"><left></a>, the same as the <adata-link-type="dfn" href="https://drafts.csswg.org/css-cascade-4/#used-value">used value</a> of the height plus the sum of vertical padding and border widths for <aclass="production css" data-link-type="type" href="#typedef-bottom"><bottom></a>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <aclass="production css" data-link-type="type" href="#typedef-right"><right></a>, such that four <aclass="css" data-link-type="maybe" href="#valdef-mask-mode-auto">auto</a> values result in the clipping region being the same as the element’s border box).</p>
1492
-
<p>When coordinates are rounded to pixel coordinates, care should be taken that no pixels remain visible when <aclass="production css" data-link-type="type" href="#typedef-left"><left></a> and <aclass="production css" data-link-type="type" href="#typedef-right"><right></a> have the same value (or <aclass="production css" data-link-type="type" href="#typedef-top"><top></a> and <aclass="production css" data-link-type="type" href="#typedef-bottom"><bottom></a> have the same value), and conversely that no pixels within the element’s border box remain hidden when these values are <aclass="css"data-link-type="maybe" href="#valdef-mask-mode-auto">auto</a>.</p>
1491
+
<p><dfnclass="css" data-dfn-type="type" data-export="" id="typedef-top"><top><aclass="self-link" href="#typedef-top"></a></dfn>, <dfnclass="css" data-dfn-type="type" data-export="" id="typedef-right"><right><aclass="self-link" href="#typedef-right"></a></dfn>, <dfnclass="css" data-dfn-type="type" data-export="" id="typedef-bottom"><bottom><aclass="self-link" href="#typedef-bottom"></a></dfn>, and <dfnclass="css" data-dfn-type="type" data-export="" id="typedef-left"><left><aclass="self-link" href="#typedef-left"></a></dfn> may either have a <aclass="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value"><length></a> value or <spanclass="css">auto</span>. Negative lengths are permitted. The value <spanclass="css">auto</span> means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., <spanclass="css">auto</span> means the same as <spanclass="css">0</span> for <aclass="production css" data-link-type="type" href="#typedef-top"><top></a> and <aclass="production css" data-link-type="type" href="#typedef-left"><left></a>, the same as the <adata-link-type="dfn" href="https://drafts.csswg.org/css-cascade-4/#used-value">used value</a> of the height plus the sum of vertical padding and border widths for <aclass="production css" data-link-type="type" href="#typedef-bottom"><bottom></a>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <aclass="production css" data-link-type="type" href="#typedef-right"><right></a>, such that four <spanclass="css">auto</span> values result in the clipping region being the same as the element’s border box).</p>
1492
+
<p>When coordinates are rounded to pixel coordinates, care should be taken that no pixels remain visible when <aclass="production css" data-link-type="type" href="#typedef-left"><left></a> and <aclass="production css" data-link-type="type" href="#typedef-right"><right></a> have the same value (or <aclass="production css" data-link-type="type" href="#typedef-top"><top></a> and <aclass="production css" data-link-type="type" href="#typedef-bottom"><bottom></a> have the same value), and conversely that no pixels within the element’s border box remain hidden when these values are <spanclass="css">auto</span>.</p>
0 commit comments