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
@@ -15,7 +19,8 @@ Abstract: CSS Masking provides two means for partially or fully hiding portions
15
19
Abstract:
16
20
Abstract: Masking describes how to use another graphical element or image as a luminance or alpha mask. Typically, rendering an element via CSS or SVG can conceptually be described as if the element, including its children, are drawn into a buffer and then that buffer is composited into the element's parent. Luminance and alpha masks influence the transparency of this buffer before the compositing stage.
17
21
Abstract:
18
-
Abstract: Clipping describes the visible region of visual elements. The region can be described by using certain SVG graphics elements or basic shapes. Anything outside of this region is not rendered.
22
+
Abstract: Clipping describes the visible region of visual elements. The
23
+
region can be described by using certain SVG graphics elements or basic shapes. Anything outside of this region is not rendered.
19
24
Test Suite: http://test.csswg.org/suites/css-masking/nightly-unstable/
20
25
Ignored Vars: trapeze.svg
21
26
</pre>
@@ -381,13 +386,13 @@ Note: The 'clip-rule' property does not apply to <<basic-shape>>s.
381
386
<div class=example>
382
387
<p>The following drawing illustrates the <a value>nonzero</a> rule:</p>
383
388
<div class=figure>
384
-
<p><img src="images/cliprule-nonzero.svg" alt="Shape with nonzero rule." width="12cm" style="border: solid black 1px;">
389
+
<p><img src="images/cliprule-nonzero.svg" alt="Shape with nonzero rule." width="450" style="border: solid black 1px;">
385
390
386
391
<p class=caption>Three shapes from left to right: Star with 5 points drawn in one continuous, overlapping line; 2 clockwise drawn circles, one contains the other and both are subpaths of the same shape; 2 circles, one containing the other with the bigger one drawn in a clockwise direction and the smaller one in a counter-clockwise direction and both belonging to the same shape. Only the last shape has a "hole".</p>
387
392
</div>
388
393
<p>The following drawing illustrates the <a value>evenodd</a> rule:</p>
389
394
<div class=figure>
390
-
<p><img src="images/cliprule-evenodd.svg" alt="Shape with even-odd rule." width="12cm" style="border: solid black 1px;">
395
+
<p><img src="images/cliprule-evenodd.svg" alt="Shape with even-odd rule." width="450" style="border: solid black 1px;">
391
396
392
397
<p class=caption>Three shapes from left to right: Star with 5 points drawn in one continuous, overlapping line; 2 clockwise drawn circles, one contains the other and both are subpaths of the same shape; 2 circles, one containing the other with the bigger one drawn in a clockwise direction and the smaller one in a counter-clockwise direction and both belonging to the same shape. All 3 shapes have a "hole".</p>
393
398
@@ -1280,17 +1285,17 @@ User agents must use the <a href="https://fetch.spec.whatwg.org/#main-fetch">pot
1280
1285
Name: clip
1281
1286
Value: ''clip/rect()'' | ''clip/auto''
1282
1287
Initial: auto
1283
-
Applies to: Absolutely positioned elements. In SVG, it applies to <a href="https://www.w3.org/TR/SVG/coords.html#EstablishingANewViewport">elements which establish a new viewport</a>, <a element>pattern</a> elements and <a element>mask</a> elements.
1288
+
Applies to: Absolutely positioned elements. In SVG, it applies to <a href="https://www.w3.org/TR/SVG/coords.html#EstablishingANewSVGViewport">elements which establish a new viewport</a>, <a element>pattern</a> elements and <a element>mask</a> elements.
1284
1289
Inherited: no
1285
1290
Percentages: n/a
1286
1291
Computed value: as specified
1287
1292
Media: visual
1288
-
Animation type: as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-rect">rectangle</a>
1293
+
Animation type: by <a href="https://drafts.csswg.org/web-animations-1/#animation-type">computed value</a>
1289
1294
</pre>
1290
1295
1291
1296
With this specification the 'clip' property is deprecated. Authors are encouraged to use the 'clip-path' property instead. UAs must support the 'clip' property.
1292
1297
1293
-
The 'clip' property applies only to absolutely positioned elements. In SVG, it applies to <a href="https://www.w3.org/TR/SVG/coords.html#EstablishingANewViewport">elements which establish a new viewport</a>, <a element>pattern</a> elements and <a element>mask</a> elements. Values have the following meanings:
1298
+
The 'clip' property applies only to absolutely positioned elements. In SVG, it applies to <a href="https://www.w3.org/TR/SVG/coords.html#EstablishingANewSVGViewport">elements which establish a new viewport</a>, <a element>pattern</a> elements and <a element>mask</a> elements. Values have the following meanings:
0 commit comments