mirror of
https://github.com/servo/servo.git
synced 2025-08-12 08:55:32 +01:00
Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6
This commit is contained in:
Ms2ger
parent
40c52d55e2
commit
349c75536d
7391 changed files with 304135 additions and 153491 deletions
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#clipping-path">
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#mask-position">
|
||||
|
|
|
|||
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
|
||||
<!-- 53 tests -->
|
||||
<tr id="clip-absolute-positioned-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-absolute-positioned-001.htm">clip-absolute-positioned-001</a></strong></td>
|
||||
<tr id="clip-absolute-positioned-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-absolute-positioned-001.htm">clip-absolute-positioned-001</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on div with position: absolute
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-absolute-positioned-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-absolute-positioned-002.htm">clip-absolute-positioned-002</a></strong></td>
|
||||
<tr id="clip-absolute-positioned-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-absolute-positioned-002.htm">clip-absolute-positioned-002</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on div with position: fixed
|
||||
|
|
@ -54,9 +54,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-001.htm">clip-negative-values-001</a></strong></td>
|
||||
<tr id="clip-negative-values-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-001.htm">clip-negative-values-001</a></td>
|
||||
<td><a href="reference/clip-full-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 1
|
||||
|
|
@ -65,9 +65,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-002.htm">clip-negative-values-002</a></strong></td>
|
||||
<tr id="clip-negative-values-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-002.htm">clip-negative-values-002</a></td>
|
||||
<td><a href="reference/clip-full-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 2
|
||||
|
|
@ -76,9 +76,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-003.htm">clip-negative-values-003</a></strong></td>
|
||||
<tr id="clip-negative-values-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-003.htm">clip-negative-values-003</a></td>
|
||||
<td><a href="reference/clip-vertical-stripe-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 3
|
||||
|
|
@ -87,9 +87,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-004.htm">clip-negative-values-004</a></strong></td>
|
||||
<tr id="clip-negative-values-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-004.htm">clip-negative-values-004</a></td>
|
||||
<td><a href="reference/clip-horizontal-stripe-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 4
|
||||
|
|
@ -98,9 +98,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-no-clipping-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-no-clipping-001.htm">clip-no-clipping-001</a></strong></td>
|
||||
<tr id="clip-no-clipping-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-no-clipping-001.htm">clip-no-clipping-001</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on 'auto'
|
||||
|
|
@ -109,9 +109,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-no-clipping-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-no-clipping-002.htm">clip-no-clipping-002</a></strong></td>
|
||||
<tr id="clip-no-clipping-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-no-clipping-002.htm">clip-no-clipping-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip overflowing content on 'auto'.
|
||||
|
|
@ -120,9 +120,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-001.htm">clip-not-absolute-positioned-001</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-001.htm">clip-not-absolute-positioned-001</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 1
|
||||
|
|
@ -131,9 +131,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-002.htm">clip-not-absolute-positioned-002</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-002.htm">clip-not-absolute-positioned-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 2
|
||||
|
|
@ -142,9 +142,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-003.htm">clip-not-absolute-positioned-003</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-003.htm">clip-not-absolute-positioned-003</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 3
|
||||
|
|
@ -153,9 +153,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-004.htm">clip-not-absolute-positioned-004</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-004.htm">clip-not-absolute-positioned-004</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 4
|
||||
|
|
@ -164,9 +164,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-001.htm">clip-path-circle-001</a></strong></td>
|
||||
<tr id="clip-path-circle-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-001.htm">clip-path-circle-001</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with absolute values
|
||||
|
|
@ -175,9 +175,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-002.htm">clip-path-circle-002</a></strong></td>
|
||||
<tr id="clip-path-circle-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-002.htm">clip-path-circle-002</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage values
|
||||
|
|
@ -186,9 +186,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-003.htm">clip-path-circle-003</a></strong></td>
|
||||
<tr id="clip-path-circle-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-003.htm">clip-path-circle-003</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage radius
|
||||
|
|
@ -197,9 +197,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-004.htm">clip-path-circle-004</a></strong></td>
|
||||
<tr id="clip-path-circle-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-004.htm">clip-path-circle-004</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage position
|
||||
|
|
@ -208,9 +208,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-005.htm">clip-path-circle-005</a></strong></td>
|
||||
<tr id="clip-path-circle-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-005.htm">clip-path-circle-005</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with closest-side
|
||||
|
|
@ -219,9 +219,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-006.htm">clip-path-circle-006</a></strong></td>
|
||||
<tr id="clip-path-circle-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-006.htm">clip-path-circle-006</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with farthest-side
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-007.htm">clip-path-circle-007</a></strong></td>
|
||||
<tr id="clip-path-circle-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-007.htm">clip-path-circle-007</a></td>
|
||||
<td><a href="reference/clip-path-circle-2-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 1
|
||||
|
|
@ -241,9 +241,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-008.htm">clip-path-circle-008</a></strong></td>
|
||||
<tr id="clip-path-circle-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-008.htm">clip-path-circle-008</a></td>
|
||||
<td><a href="reference/clip-path-circle-3-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 2
|
||||
|
|
@ -252,9 +252,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-001.htm">clip-path-element-userspaceonuse-001</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-001.htm">clip-path-element-userspaceonuse-001</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1
|
||||
|
|
@ -263,9 +263,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-002.htm">clip-path-element-userspaceonuse-002</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-002.htm">clip-path-element-userspaceonuse-002</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2
|
||||
|
|
@ -274,9 +274,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-003.htm">clip-path-element-userspaceonuse-003</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-003.htm">clip-path-element-userspaceonuse-003</a></td>
|
||||
<td><a href="reference/clip-path-ref-right-green-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1
|
||||
|
|
@ -285,9 +285,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-004.htm">clip-path-element-userspaceonuse-004</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-004.htm">clip-path-element-userspaceonuse-004</a></td>
|
||||
<td><a href="reference/clip-path-ref-bottom-green-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2
|
||||
|
|
@ -296,9 +296,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-001.htm">clip-path-ellipse-001</a></strong></td>
|
||||
<tr id="clip-path-ellipse-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-001.htm">clip-path-ellipse-001</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
|
||||
|
|
@ -307,9 +307,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-002.htm">clip-path-ellipse-002</a></strong></td>
|
||||
<tr id="clip-path-ellipse-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-002.htm">clip-path-ellipse-002</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with percentage values
|
||||
|
|
@ -318,9 +318,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-003.htm">clip-path-ellipse-003</a></strong></td>
|
||||
<tr id="clip-path-ellipse-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-003.htm">clip-path-ellipse-003</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with percentage values on square
|
||||
|
|
@ -329,9 +329,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-004.htm">clip-path-ellipse-004</a></strong></td>
|
||||
<tr id="clip-path-ellipse-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-004.htm">clip-path-ellipse-004</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with different absolute values on square
|
||||
|
|
@ -340,9 +340,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-005.htm">clip-path-ellipse-005</a></strong></td>
|
||||
<tr id="clip-path-ellipse-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-005.htm">clip-path-ellipse-005</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with different percentage values on square
|
||||
|
|
@ -351,9 +351,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-006.htm">clip-path-ellipse-006</a></strong></td>
|
||||
<tr id="clip-path-ellipse-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-006.htm">clip-path-ellipse-006</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
|
||||
|
|
@ -362,9 +362,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-007.htm">clip-path-ellipse-007</a></strong></td>
|
||||
<tr id="clip-path-ellipse-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-007.htm">clip-path-ellipse-007</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with no arguments
|
||||
|
|
@ -373,9 +373,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-008.htm">clip-path-ellipse-008</a></strong></td>
|
||||
<tr id="clip-path-ellipse-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-008.htm">clip-path-ellipse-008</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with 50% 50%
|
||||
|
|
@ -384,9 +384,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-001.htm">clip-path-polygon-001</a></strong></td>
|
||||
<tr id="clip-path-polygon-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-001.htm">clip-path-polygon-001</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with absolute values
|
||||
|
|
@ -395,9 +395,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-002.htm">clip-path-polygon-002</a></strong></td>
|
||||
<tr id="clip-path-polygon-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-002.htm">clip-path-polygon-002</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with percentage values
|
||||
|
|
@ -406,9 +406,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-003.htm">clip-path-polygon-003</a></strong></td>
|
||||
<tr id="clip-path-polygon-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-003.htm">clip-path-polygon-003</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with absolute and percentage values
|
||||
|
|
@ -417,9 +417,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-004.htm">clip-path-polygon-004</a></strong></td>
|
||||
<tr id="clip-path-polygon-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-004.htm">clip-path-polygon-004</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-border-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with fill rule evenodd
|
||||
|
|
@ -428,9 +428,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-005.htm">clip-path-polygon-005</a></strong></td>
|
||||
<tr id="clip-path-polygon-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-005.htm">clip-path-polygon-005</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-border-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with fill rule nonzero
|
||||
|
|
@ -439,9 +439,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-006.htm">clip-path-polygon-006</a></strong></td>
|
||||
<tr id="clip-path-polygon-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-006.htm">clip-path-polygon-006</a></td>
|
||||
<td><a href="reference/clip-path-square-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with padding-box
|
||||
|
|
@ -450,9 +450,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-007.htm">clip-path-polygon-007</a></strong></td>
|
||||
<tr id="clip-path-polygon-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-007.htm">clip-path-polygon-007</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with border-box
|
||||
|
|
@ -461,9 +461,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-008.htm">clip-path-polygon-008</a></strong></td>
|
||||
<tr id="clip-path-polygon-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-008.htm">clip-path-polygon-008</a></td>
|
||||
<td><a href="reference/clip-path-stripes-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with margin-box
|
||||
|
|
@ -472,9 +472,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-009-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-009.htm">clip-path-polygon-009</a></strong></td>
|
||||
<tr id="clip-path-polygon-009-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-009.htm">clip-path-polygon-009</a></td>
|
||||
<td><a href="reference/clip-path-square-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with content-box
|
||||
|
|
@ -483,9 +483,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-010-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-010.htm">clip-path-polygon-010</a></strong></td>
|
||||
<tr id="clip-path-polygon-010-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-010.htm">clip-path-polygon-010</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with fill-box
|
||||
|
|
@ -494,9 +494,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-011-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-011.htm">clip-path-polygon-011</a></strong></td>
|
||||
<tr id="clip-path-polygon-011-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-011.htm">clip-path-polygon-011</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with stroke-box
|
||||
|
|
@ -505,9 +505,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-012-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-012.htm">clip-path-polygon-012</a></strong></td>
|
||||
<tr id="clip-path-polygon-012-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-012.htm">clip-path-polygon-012</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with view-box
|
||||
|
|
@ -516,9 +516,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-013-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-013.htm">clip-path-polygon-013</a></strong></td>
|
||||
<tr id="clip-path-polygon-013-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-013.htm">clip-path-polygon-013</a></td>
|
||||
<td><a href="reference/clip-path-stripes-003-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon different units
|
||||
|
|
@ -527,9 +527,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-001.htm">clip-rect-auto-001</a></strong></td>
|
||||
<tr id="clip-rect-auto-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-001.htm">clip-rect-auto-001</a></td>
|
||||
<td><a href="reference/clip-overflow-hidden-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 1
|
||||
|
|
@ -538,9 +538,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-002.htm">clip-rect-auto-002</a></strong></td>
|
||||
<tr id="clip-rect-auto-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-002.htm">clip-rect-auto-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 2
|
||||
|
|
@ -549,9 +549,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-003.htm">clip-rect-auto-003</a></strong></td>
|
||||
<tr id="clip-rect-auto-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-003.htm">clip-rect-auto-003</a></td>
|
||||
<td><a href="reference/clip-rect-top-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for top value
|
||||
|
|
@ -560,9 +560,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-004.htm">clip-rect-auto-004</a></strong></td>
|
||||
<tr id="clip-rect-auto-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-004.htm">clip-rect-auto-004</a></td>
|
||||
<td><a href="reference/clip-rect-right-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for right value
|
||||
|
|
@ -571,9 +571,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-005.htm">clip-rect-auto-005</a></strong></td>
|
||||
<tr id="clip-rect-auto-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-005.htm">clip-rect-auto-005</a></td>
|
||||
<td><a href="reference/clip-rect-bottom-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for bottom value
|
||||
|
|
@ -582,9 +582,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-006.htm">clip-rect-auto-006</a></strong></td>
|
||||
<tr id="clip-rect-auto-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-006.htm">clip-rect-auto-006</a></td>
|
||||
<td><a href="reference/clip-rect-left-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for left value
|
||||
|
|
@ -593,9 +593,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rule-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rule-001.htm">clip-rule-001</a></strong></td>
|
||||
<tr id="clip-rule-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-rule-001.htm">clip-rule-001</a></td>
|
||||
<td><a href="reference/clip-rule-rectangle-border-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-rule property on polygon clip rule evenodd
|
||||
|
|
@ -604,9 +604,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rule-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rule-002.htm">clip-rule-002</a></strong></td>
|
||||
<tr id="clip-rule-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-rule-002.htm">clip-rule-002</a></td>
|
||||
<td><a href="reference/clip-rule-rectangle-border-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-rule property on polygon clip rule nonzero
|
||||
|
|
@ -622,7 +622,7 @@
|
|||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
|
||||
<!-- 8 tests -->
|
||||
<tr id="clip-path-circle-001-5.1" class="">
|
||||
<td>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#svg-clipping-paths">6 SVG Clipping Path Sources</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#svg-clipping-paths">6 SVG Clipping Path Sources</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#ClipPathElement">6.1 The clipPath element</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#ClipPathElement">6.1 The clipPath element</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="clip-path-element-userspaceonuse-001-6.1" class="">
|
||||
<td>
|
||||
|
|
@ -120,7 +120,7 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-rule">6.2 Winding Rules: the clip-rule property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-clip-rule">6.2 Winding Rules: the clip-rule property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#propdef-clip-rule">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Masking Level 1 CR Test Suite</h1>
|
||||
<h2>Positioned Masks (1 tests)</h2>
|
||||
<h2>Positioned Masks (5 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.#mask-layer-image">
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<tbody id="s7.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.2.#propdef-mask-mode">
|
||||
|
|
@ -78,11 +78,11 @@
|
|||
<tbody id="s7.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="test-mask-7.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="test-mask.htm">test-mask</a></strong></td>
|
||||
<tr id="test-mask-7.3" class="">
|
||||
<td>
|
||||
<a href="test-mask.htm">test-mask</a></td>
|
||||
<td><a href="reference/test-mask-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-repeat:round repeat;
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
<tbody id="s7.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.4.#propdef-mask-position">
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
<tbody id="s7.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.5.#mask-painting-area">
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
<tbody id="s7.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.6.#mask-positioning-area">
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
<tbody id="s7.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.7.#propdef-mask-size">
|
||||
|
|
@ -185,8 +185,52 @@
|
|||
<tbody id="s7.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="mask-composite-1a-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-1a.htm">mask-composite-1a</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose vector image
|
||||
<ul class="assert">
|
||||
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-1b-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-1b.htm">mask-composite-1b</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose raster image
|
||||
<ul class="assert">
|
||||
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-2a-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-2a.htm">mask-composite-2a</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose vector image
|
||||
<ul class="assert">
|
||||
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-2b-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-2b.htm">mask-composite-2b</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose raster image
|
||||
<ul class="assert">
|
||||
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s7.8.#destination">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -215,7 +259,7 @@
|
|||
<tbody id="s7.9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.9">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.9.#propdef-mask">
|
||||
|
|
@ -227,13 +271,13 @@
|
|||
<tbody id="s7.10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.10.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.10.1.#mask-image">
|
||||
|
|
@ -242,7 +286,7 @@
|
|||
<tbody id="s7.10.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1.#mask-border-image">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#propdef-mask-border-mode">
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
<tbody id="s8.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.#propdef-mask-border-slice">
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<tbody id="s8.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.4.#mask-border-image-area">
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
<tbody id="s8.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.5.#propdef-mask-border-outset">
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<tbody id="s8.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.6.#propdef-mask-border-repeat">
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
<tbody id="s8.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.7.#propdef-mask-border">
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
<tbody id="s8.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#element-attrdef-height">
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<tbody id="s9.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#propdef-mask-type">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
|
||||
<!-- 22 tests -->
|
||||
<tr id="clip-absolute-positioned-001-A" class="">
|
||||
<td>
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-001-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-001.htm">clip-rect-comma-001</a></strong></td>
|
||||
<tr id="clip-rect-comma-001-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-001.htm">clip-rect-comma-001</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no commas
|
||||
|
|
@ -241,9 +241,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-002-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-002.htm">clip-rect-comma-002</a></strong></td>
|
||||
<tr id="clip-rect-comma-002-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-002.htm">clip-rect-comma-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 1st and 2nd value
|
||||
|
|
@ -252,9 +252,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-003-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-003.htm">clip-rect-comma-003</a></strong></td>
|
||||
<tr id="clip-rect-comma-003-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-003.htm">clip-rect-comma-003</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 2nd and 3rd value
|
||||
|
|
@ -263,9 +263,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-004-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-004.htm">clip-rect-comma-004</a></strong></td>
|
||||
<tr id="clip-rect-comma-004-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-004.htm">clip-rect-comma-004</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sB">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sB">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sB.#stroke-bounding-box">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sC">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sC">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sC.#InterfaceSVGClipPathElement">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Masking: mask-composite: compose vector image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku">
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help">
|
||||
<link href="reference/mask-composite-1-ref.htm" rel="match">
|
||||
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert">
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.svg),
|
||||
url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Masking: mask-composite: compose raster image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku">
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help">
|
||||
<link href="reference/mask-composite-1-ref.htm" rel="match">
|
||||
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert">
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.png),
|
||||
url(support/blue-100x50-transparent-100x50.png);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Masking: mask-composite: compose vector image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku">
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help">
|
||||
<link href="reference/mask-composite-2-ref.htm" rel="match">
|
||||
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert">
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.svg),
|
||||
url(support/transparent-100x50-blue-100x50.svg);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Masking: mask-composite: compose raster image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku">
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help">
|
||||
<link href="reference/mask-composite-2-ref.htm" rel="match">
|
||||
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert">
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.png),
|
||||
url(support/transparent-100x50-blue-100x50.png);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS mask-composite reference</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku">
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
|
||||
<style type="text/css">
|
||||
div {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="intersect"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS mask-composite reference</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku">
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
|
||||
<style type="text/css">
|
||||
div {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
|
|
@ -480,6 +480,38 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-1a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
|
||||
<a href="mask-composite-1a.htm">mask-composite-1a</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-1b" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
|
||||
<a href="mask-composite-1b.htm">mask-composite-1b</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-2a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
|
||||
<a href="mask-composite-2a.htm">mask-composite-2a</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-2b" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
|
||||
<a href="mask-composite-2b.htm">mask-composite-2b</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="test-mask" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-repeat:round repeat;">
|
||||
|
|
|
|||
|
|
@ -56,4 +56,8 @@ clip-rect-comma-003.htm == reference/clip-no-clipping-ref.htm
|
|||
clip-rect-comma-004.htm == reference/clip-no-clipping-ref.htm
|
||||
clip-rule-001.htm == reference/clip-rule-rectangle-border-ref.htm
|
||||
clip-rule-002.htm == reference/clip-rule-rectangle-border-ref.htm
|
||||
mask-composite-1a.htm == reference/mask-composite-1-ref.htm
|
||||
mask-composite-1b.htm == reference/mask-composite-1-ref.htm
|
||||
mask-composite-2a.htm == reference/mask-composite-2-ref.htm
|
||||
mask-composite-2b.htm == reference/mask-composite-2-ref.htm
|
||||
test-mask.htm == reference/test-mask-ref.htm
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
|
|
@ -52,7 +52,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.htm">Chapter 7 -
|
||||
Positioned Masks</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
<td>(5 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.htm">Chapter 8 -
|
||||
|
|
|
|||
|
|
@ -117,5 +117,13 @@ html/clip-rule-001.htm 685b1c6b98405699db11621e3739893d03bb287f ?
|
|||
xhtml1/clip-rule-001.xht 685b1c6b98405699db11621e3739893d03bb287f ?
|
||||
html/clip-rule-002.htm 060477805299dce5079f7940f4140876d0d2d33e ?
|
||||
xhtml1/clip-rule-002.xht 060477805299dce5079f7940f4140876d0d2d33e ?
|
||||
html/mask-composite-1a.htm 74dbc9500f92eb0a5a1bfe501a5a800f86ab65c3 ?
|
||||
xhtml1/mask-composite-1a.xht 74dbc9500f92eb0a5a1bfe501a5a800f86ab65c3 ?
|
||||
html/mask-composite-1b.htm eb991ca37e25232a0345ddc51d97205951f49ce6 ?
|
||||
xhtml1/mask-composite-1b.xht eb991ca37e25232a0345ddc51d97205951f49ce6 ?
|
||||
html/mask-composite-2a.htm 26f6311f7ed2e3302adef9ef7918f2e88eaa2a3d ?
|
||||
xhtml1/mask-composite-2a.xht 26f6311f7ed2e3302adef9ef7918f2e88eaa2a3d ?
|
||||
html/mask-composite-2b.htm b9d66fde9152a2bda5f60db59a64b816f2f1b7ca ?
|
||||
xhtml1/mask-composite-2b.xht b9d66fde9152a2bda5f60db59a64b816f2f1b7ca ?
|
||||
html/test-mask.htm d958a4c5495e1038da67e6f0a88ada4dbb3f9c1d ?
|
||||
xhtml1/test-mask.xht d958a4c5495e1038da67e6f0a88ada4dbb3f9c1d ?
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="http://www.w3.org/TR/css-masking-1/">CSS Masking 1 specification</a>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/">CSS Masking 1 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
|
@ -131,10 +131,12 @@
|
|||
|
||||
<p>Many thanks to the following for their contributions:</p>
|
||||
<ul>
|
||||
<li>CJ Ku</li>
|
||||
<li>Denise White</li>
|
||||
<li>Dirk Schulze</li>
|
||||
<li>Laury Kenton</li>
|
||||
<li>Li Jun</li>
|
||||
<li>Mozilla</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="http://www.w3.org/TR/css-masking-1/">CSS Masking 1 specification</a>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/">CSS Masking 1 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
|
@ -131,10 +131,12 @@
|
|||
|
||||
<p>Many thanks to the following for their contributions:</p>
|
||||
<ul>
|
||||
<li>CJ Ku</li>
|
||||
<li>Denise White</li>
|
||||
<li>Dirk Schulze</li>
|
||||
<li>Laury Kenton</li>
|
||||
<li>Li Jun</li>
|
||||
<li>Mozilla</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -56,4 +56,8 @@ clip-rect-comma-003 reference/clip-no-clipping-ref CSS Masking: Test comma separ
|
|||
clip-rect-comma-004 reference/clip-no-clipping-ref CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value http://www.w3.org/TR/css-masking-1/#clip-property 38b542cefdad3a69bbb2c9161784112bfdbb0565 `Dirk Schulze`<mailto:dschulze@adobe.com> Values for rect function on clip can be white space or comma separated, but not both. Otherwise the property setting gets ignored. Testing rect function without comma separation between 3rd and 4th value. On pass you should see a green square with a blue border.
|
||||
clip-rule-001 reference/clip-rule-rectangle-border-ref CSS Masking: Test clip-rule property on polygon clip rule evenodd http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 685b1c6b98405699db11621e3739893d03bb287f `Dirk Schulze`<mailto:dschulze@adobe.com> The clipPath element takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'whole' with the dimension of the background. With the clip rule 'evenodd', this whole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green box with a blue border.
|
||||
clip-rule-002 reference/clip-rule-rectangle-border-ref CSS Masking: Test clip-rule property on polygon clip rule nonzero http://www.w3.org/TR/css-masking-1/#clipping-paths,http://www.w3.org/TR/css-masking-1/#propdef-clip-path,http://www.w3.org/TR/css-masking-1/#ClipPathElement 060477805299dce5079f7940f4140876d0d2d33e `Dirk Schulze`<mailto:dschulze@adobe.com> The clipPath element takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'whole' with the dimension of the background. With the clip rule 'nonzero', this whole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green box with a blue border.
|
||||
mask-composite-1a reference/mask-composite-1-ref CSS Masking: mask-composite: compose vector image http://www.w3.org/TR/css-masking-1/#the-mask-composite 74dbc9500f92eb0a5a1bfe501a5a800f86ab65c3 `CJ Ku`<mailto:cku@mozilla.com>,`Mozilla`<https://www.mozilla.org> Test checks that vector-mask-image can be composed correctly by different mask-composite value.
|
||||
mask-composite-1b reference/mask-composite-1-ref CSS Masking: mask-composite: compose raster image http://www.w3.org/TR/css-masking-1/#the-mask-composite eb991ca37e25232a0345ddc51d97205951f49ce6 `CJ Ku`<mailto:cku@mozilla.com>,`Mozilla`<https://www.mozilla.org> Test checks that raster-mask-image can be composed correctly by different mask-composite value.
|
||||
mask-composite-2a reference/mask-composite-2-ref CSS Masking: mask-composite: compose vector image http://www.w3.org/TR/css-masking-1/#the-mask-composite 26f6311f7ed2e3302adef9ef7918f2e88eaa2a3d `CJ Ku`<mailto:cku@mozilla.com>,`Mozilla`<https://www.mozilla.org> Test checks that vector-mask-image can be composed correctly by different mask-composite value.
|
||||
mask-composite-2b reference/mask-composite-2-ref CSS Masking: mask-composite: compose raster image http://www.w3.org/TR/css-masking-1/#the-mask-composite b9d66fde9152a2bda5f60db59a64b816f2f1b7ca `CJ Ku`<mailto:cku@mozilla.com>,`Mozilla`<https://www.mozilla.org> Test checks that raster-mask-image can be composed correctly by different mask-composite value.
|
||||
test-mask reference/test-mask-ref CSS Masking: mask-repeat:round repeat; http://www.w3.org/TR/css-masking-1/#the-mask-repeat d958a4c5495e1038da67e6f0a88ada4dbb3f9c1d `Li Jun`<mailto:64835173@qq.com> Test checks that the mask-repeart value
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#clipping-path">
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#mask-position">
|
||||
|
|
|
|||
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
|
||||
<!-- 53 tests -->
|
||||
<tr id="clip-absolute-positioned-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-absolute-positioned-001.xht">clip-absolute-positioned-001</a></strong></td>
|
||||
<tr id="clip-absolute-positioned-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-absolute-positioned-001.xht">clip-absolute-positioned-001</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on div with position: absolute
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-absolute-positioned-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-absolute-positioned-002.xht">clip-absolute-positioned-002</a></strong></td>
|
||||
<tr id="clip-absolute-positioned-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-absolute-positioned-002.xht">clip-absolute-positioned-002</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on div with position: fixed
|
||||
|
|
@ -54,9 +54,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-001.xht">clip-negative-values-001</a></strong></td>
|
||||
<tr id="clip-negative-values-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-001.xht">clip-negative-values-001</a></td>
|
||||
<td><a href="reference/clip-full-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 1
|
||||
|
|
@ -65,9 +65,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-002.xht">clip-negative-values-002</a></strong></td>
|
||||
<tr id="clip-negative-values-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-002.xht">clip-negative-values-002</a></td>
|
||||
<td><a href="reference/clip-full-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 2
|
||||
|
|
@ -76,9 +76,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-003.xht">clip-negative-values-003</a></strong></td>
|
||||
<tr id="clip-negative-values-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-003.xht">clip-negative-values-003</a></td>
|
||||
<td><a href="reference/clip-vertical-stripe-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 3
|
||||
|
|
@ -87,9 +87,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-004.xht">clip-negative-values-004</a></strong></td>
|
||||
<tr id="clip-negative-values-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-004.xht">clip-negative-values-004</a></td>
|
||||
<td><a href="reference/clip-horizontal-stripe-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 4
|
||||
|
|
@ -98,9 +98,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-no-clipping-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-no-clipping-001.xht">clip-no-clipping-001</a></strong></td>
|
||||
<tr id="clip-no-clipping-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-no-clipping-001.xht">clip-no-clipping-001</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on 'auto'
|
||||
|
|
@ -109,9 +109,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-no-clipping-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-no-clipping-002.xht">clip-no-clipping-002</a></strong></td>
|
||||
<tr id="clip-no-clipping-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-no-clipping-002.xht">clip-no-clipping-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip overflowing content on 'auto'.
|
||||
|
|
@ -120,9 +120,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-001.xht">clip-not-absolute-positioned-001</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-001.xht">clip-not-absolute-positioned-001</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 1
|
||||
|
|
@ -131,9 +131,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-002.xht">clip-not-absolute-positioned-002</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-002.xht">clip-not-absolute-positioned-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 2
|
||||
|
|
@ -142,9 +142,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-003.xht">clip-not-absolute-positioned-003</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-003.xht">clip-not-absolute-positioned-003</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 3
|
||||
|
|
@ -153,9 +153,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-004.xht">clip-not-absolute-positioned-004</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-004.xht">clip-not-absolute-positioned-004</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 4
|
||||
|
|
@ -164,9 +164,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-001.xht">clip-path-circle-001</a></strong></td>
|
||||
<tr id="clip-path-circle-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-001.xht">clip-path-circle-001</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with absolute values
|
||||
|
|
@ -175,9 +175,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-002.xht">clip-path-circle-002</a></strong></td>
|
||||
<tr id="clip-path-circle-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-002.xht">clip-path-circle-002</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage values
|
||||
|
|
@ -186,9 +186,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-003.xht">clip-path-circle-003</a></strong></td>
|
||||
<tr id="clip-path-circle-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-003.xht">clip-path-circle-003</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage radius
|
||||
|
|
@ -197,9 +197,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-004.xht">clip-path-circle-004</a></strong></td>
|
||||
<tr id="clip-path-circle-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-004.xht">clip-path-circle-004</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage position
|
||||
|
|
@ -208,9 +208,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-005.xht">clip-path-circle-005</a></strong></td>
|
||||
<tr id="clip-path-circle-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-005.xht">clip-path-circle-005</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with closest-side
|
||||
|
|
@ -219,9 +219,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-006.xht">clip-path-circle-006</a></strong></td>
|
||||
<tr id="clip-path-circle-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-006.xht">clip-path-circle-006</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with farthest-side
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-007.xht">clip-path-circle-007</a></strong></td>
|
||||
<tr id="clip-path-circle-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-007.xht">clip-path-circle-007</a></td>
|
||||
<td><a href="reference/clip-path-circle-2-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 1
|
||||
|
|
@ -241,9 +241,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-008.xht">clip-path-circle-008</a></strong></td>
|
||||
<tr id="clip-path-circle-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-008.xht">clip-path-circle-008</a></td>
|
||||
<td><a href="reference/clip-path-circle-3-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 2
|
||||
|
|
@ -252,9 +252,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-001.xht">clip-path-element-userspaceonuse-001</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-001.xht">clip-path-element-userspaceonuse-001</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1
|
||||
|
|
@ -263,9 +263,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-002.xht">clip-path-element-userspaceonuse-002</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-002.xht">clip-path-element-userspaceonuse-002</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2
|
||||
|
|
@ -274,9 +274,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-003.xht">clip-path-element-userspaceonuse-003</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-003.xht">clip-path-element-userspaceonuse-003</a></td>
|
||||
<td><a href="reference/clip-path-ref-right-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1
|
||||
|
|
@ -285,9 +285,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-004.xht">clip-path-element-userspaceonuse-004</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-004.xht">clip-path-element-userspaceonuse-004</a></td>
|
||||
<td><a href="reference/clip-path-ref-bottom-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2
|
||||
|
|
@ -296,9 +296,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-001.xht">clip-path-ellipse-001</a></strong></td>
|
||||
<tr id="clip-path-ellipse-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-001.xht">clip-path-ellipse-001</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
|
||||
|
|
@ -307,9 +307,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-002.xht">clip-path-ellipse-002</a></strong></td>
|
||||
<tr id="clip-path-ellipse-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-002.xht">clip-path-ellipse-002</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with percentage values
|
||||
|
|
@ -318,9 +318,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-003.xht">clip-path-ellipse-003</a></strong></td>
|
||||
<tr id="clip-path-ellipse-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-003.xht">clip-path-ellipse-003</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with percentage values on square
|
||||
|
|
@ -329,9 +329,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-004.xht">clip-path-ellipse-004</a></strong></td>
|
||||
<tr id="clip-path-ellipse-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-004.xht">clip-path-ellipse-004</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with different absolute values on square
|
||||
|
|
@ -340,9 +340,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-005.xht">clip-path-ellipse-005</a></strong></td>
|
||||
<tr id="clip-path-ellipse-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-005.xht">clip-path-ellipse-005</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with different percentage values on square
|
||||
|
|
@ -351,9 +351,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-006.xht">clip-path-ellipse-006</a></strong></td>
|
||||
<tr id="clip-path-ellipse-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-006.xht">clip-path-ellipse-006</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
|
||||
|
|
@ -362,9 +362,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-007.xht">clip-path-ellipse-007</a></strong></td>
|
||||
<tr id="clip-path-ellipse-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-007.xht">clip-path-ellipse-007</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with no arguments
|
||||
|
|
@ -373,9 +373,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-008.xht">clip-path-ellipse-008</a></strong></td>
|
||||
<tr id="clip-path-ellipse-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-008.xht">clip-path-ellipse-008</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with 50% 50%
|
||||
|
|
@ -384,9 +384,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-001.xht">clip-path-polygon-001</a></strong></td>
|
||||
<tr id="clip-path-polygon-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-001.xht">clip-path-polygon-001</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with absolute values
|
||||
|
|
@ -395,9 +395,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-002.xht">clip-path-polygon-002</a></strong></td>
|
||||
<tr id="clip-path-polygon-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-002.xht">clip-path-polygon-002</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with percentage values
|
||||
|
|
@ -406,9 +406,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-003.xht">clip-path-polygon-003</a></strong></td>
|
||||
<tr id="clip-path-polygon-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-003.xht">clip-path-polygon-003</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with absolute and percentage values
|
||||
|
|
@ -417,9 +417,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-004.xht">clip-path-polygon-004</a></strong></td>
|
||||
<tr id="clip-path-polygon-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-004.xht">clip-path-polygon-004</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with fill rule evenodd
|
||||
|
|
@ -428,9 +428,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-005.xht">clip-path-polygon-005</a></strong></td>
|
||||
<tr id="clip-path-polygon-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-005.xht">clip-path-polygon-005</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with fill rule nonzero
|
||||
|
|
@ -439,9 +439,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-006.xht">clip-path-polygon-006</a></strong></td>
|
||||
<tr id="clip-path-polygon-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-006.xht">clip-path-polygon-006</a></td>
|
||||
<td><a href="reference/clip-path-square-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with padding-box
|
||||
|
|
@ -450,9 +450,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-007.xht">clip-path-polygon-007</a></strong></td>
|
||||
<tr id="clip-path-polygon-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-007.xht">clip-path-polygon-007</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with border-box
|
||||
|
|
@ -461,9 +461,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-008.xht">clip-path-polygon-008</a></strong></td>
|
||||
<tr id="clip-path-polygon-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-008.xht">clip-path-polygon-008</a></td>
|
||||
<td><a href="reference/clip-path-stripes-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with margin-box
|
||||
|
|
@ -472,9 +472,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-009-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-009.xht">clip-path-polygon-009</a></strong></td>
|
||||
<tr id="clip-path-polygon-009-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-009.xht">clip-path-polygon-009</a></td>
|
||||
<td><a href="reference/clip-path-square-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with content-box
|
||||
|
|
@ -483,9 +483,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-010-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-010.xht">clip-path-polygon-010</a></strong></td>
|
||||
<tr id="clip-path-polygon-010-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-010.xht">clip-path-polygon-010</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with fill-box
|
||||
|
|
@ -494,9 +494,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-011-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-011.xht">clip-path-polygon-011</a></strong></td>
|
||||
<tr id="clip-path-polygon-011-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-011.xht">clip-path-polygon-011</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with stroke-box
|
||||
|
|
@ -505,9 +505,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-012-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-012.xht">clip-path-polygon-012</a></strong></td>
|
||||
<tr id="clip-path-polygon-012-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-012.xht">clip-path-polygon-012</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with view-box
|
||||
|
|
@ -516,9 +516,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-013-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-013.xht">clip-path-polygon-013</a></strong></td>
|
||||
<tr id="clip-path-polygon-013-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-013.xht">clip-path-polygon-013</a></td>
|
||||
<td><a href="reference/clip-path-stripes-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon different units
|
||||
|
|
@ -527,9 +527,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-001.xht">clip-rect-auto-001</a></strong></td>
|
||||
<tr id="clip-rect-auto-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-001.xht">clip-rect-auto-001</a></td>
|
||||
<td><a href="reference/clip-overflow-hidden-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 1
|
||||
|
|
@ -538,9 +538,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-002.xht">clip-rect-auto-002</a></strong></td>
|
||||
<tr id="clip-rect-auto-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-002.xht">clip-rect-auto-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 2
|
||||
|
|
@ -549,9 +549,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-003.xht">clip-rect-auto-003</a></strong></td>
|
||||
<tr id="clip-rect-auto-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-003.xht">clip-rect-auto-003</a></td>
|
||||
<td><a href="reference/clip-rect-top-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for top value
|
||||
|
|
@ -560,9 +560,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-004.xht">clip-rect-auto-004</a></strong></td>
|
||||
<tr id="clip-rect-auto-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-004.xht">clip-rect-auto-004</a></td>
|
||||
<td><a href="reference/clip-rect-right-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for right value
|
||||
|
|
@ -571,9 +571,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-005.xht">clip-rect-auto-005</a></strong></td>
|
||||
<tr id="clip-rect-auto-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-005.xht">clip-rect-auto-005</a></td>
|
||||
<td><a href="reference/clip-rect-bottom-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for bottom value
|
||||
|
|
@ -582,9 +582,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-006.xht">clip-rect-auto-006</a></strong></td>
|
||||
<tr id="clip-rect-auto-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-006.xht">clip-rect-auto-006</a></td>
|
||||
<td><a href="reference/clip-rect-left-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for left value
|
||||
|
|
@ -593,9 +593,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rule-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rule-001.xht">clip-rule-001</a></strong></td>
|
||||
<tr id="clip-rule-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-rule-001.xht">clip-rule-001</a></td>
|
||||
<td><a href="reference/clip-rule-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-rule property on polygon clip rule evenodd
|
||||
|
|
@ -604,9 +604,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rule-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rule-002.xht">clip-rule-002</a></strong></td>
|
||||
<tr id="clip-rule-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-rule-002.xht">clip-rule-002</a></td>
|
||||
<td><a href="reference/clip-rule-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-rule property on polygon clip rule nonzero
|
||||
|
|
@ -622,7 +622,7 @@
|
|||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
|
||||
<!-- 8 tests -->
|
||||
<tr id="clip-path-circle-001-5.1" class="">
|
||||
<td>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#svg-clipping-paths">6 SVG Clipping Path Sources</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#svg-clipping-paths">6 SVG Clipping Path Sources</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#ClipPathElement">6.1 The clipPath element</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#ClipPathElement">6.1 The clipPath element</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="clip-path-element-userspaceonuse-001-6.1" class="">
|
||||
<td>
|
||||
|
|
@ -120,7 +120,7 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-rule">6.2 Winding Rules: the clip-rule property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-clip-rule">6.2 Winding Rules: the clip-rule property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#propdef-clip-rule">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Masking Level 1 CR Test Suite</h1>
|
||||
<h2>Positioned Masks (1 tests)</h2>
|
||||
<h2>Positioned Masks (5 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.#mask-layer-image">
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<tbody id="s7.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.2.#propdef-mask-mode">
|
||||
|
|
@ -78,11 +78,11 @@
|
|||
<tbody id="s7.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="test-mask-7.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="test-mask.xht">test-mask</a></strong></td>
|
||||
<tr id="test-mask-7.3" class="">
|
||||
<td>
|
||||
<a href="test-mask.xht">test-mask</a></td>
|
||||
<td><a href="reference/test-mask-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-repeat:round repeat;
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
<tbody id="s7.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.4.#propdef-mask-position">
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
<tbody id="s7.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.5.#mask-painting-area">
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
<tbody id="s7.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.6.#mask-positioning-area">
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
<tbody id="s7.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.7.#propdef-mask-size">
|
||||
|
|
@ -185,8 +185,52 @@
|
|||
<tbody id="s7.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="mask-composite-1a-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-1a.xht">mask-composite-1a</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose vector image
|
||||
<ul class="assert">
|
||||
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-1b-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-1b.xht">mask-composite-1b</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose raster image
|
||||
<ul class="assert">
|
||||
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-2a-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-2a.xht">mask-composite-2a</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose vector image
|
||||
<ul class="assert">
|
||||
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-2b-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-2b.xht">mask-composite-2b</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose raster image
|
||||
<ul class="assert">
|
||||
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s7.8.#destination">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -215,7 +259,7 @@
|
|||
<tbody id="s7.9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.9">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.9.#propdef-mask">
|
||||
|
|
@ -227,13 +271,13 @@
|
|||
<tbody id="s7.10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.10.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.10.1.#mask-image">
|
||||
|
|
@ -242,7 +286,7 @@
|
|||
<tbody id="s7.10.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1.#mask-border-image">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#propdef-mask-border-mode">
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
<tbody id="s8.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.#propdef-mask-border-slice">
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<tbody id="s8.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.4.#mask-border-image-area">
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
<tbody id="s8.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.5.#propdef-mask-border-outset">
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<tbody id="s8.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.6.#propdef-mask-border-repeat">
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
<tbody id="s8.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.7.#propdef-mask-border">
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
<tbody id="s8.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#element-attrdef-height">
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<tbody id="s9.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#propdef-mask-type">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
|
||||
<!-- 22 tests -->
|
||||
<tr id="clip-absolute-positioned-001-A" class="">
|
||||
<td>
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-001-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-001.xht">clip-rect-comma-001</a></strong></td>
|
||||
<tr id="clip-rect-comma-001-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-001.xht">clip-rect-comma-001</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no commas
|
||||
|
|
@ -241,9 +241,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-002-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-002.xht">clip-rect-comma-002</a></strong></td>
|
||||
<tr id="clip-rect-comma-002-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-002.xht">clip-rect-comma-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 1st and 2nd value
|
||||
|
|
@ -252,9 +252,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-003-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-003.xht">clip-rect-comma-003</a></strong></td>
|
||||
<tr id="clip-rect-comma-003-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-003.xht">clip-rect-comma-003</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 2nd and 3rd value
|
||||
|
|
@ -263,9 +263,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-004-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-004.xht">clip-rect-comma-004</a></strong></td>
|
||||
<tr id="clip-rect-comma-004-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-004.xht">clip-rect-comma-004</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sB">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sB">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sB.#stroke-bounding-box">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sC">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sC">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sC.#InterfaceSVGClipPathElement">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose vector image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-1-ref.xht" rel="match" />
|
||||
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.svg),
|
||||
url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose raster image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-1-ref.xht" rel="match" />
|
||||
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.png),
|
||||
url(support/blue-100x50-transparent-100x50.png);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose vector image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-2-ref.xht" rel="match" />
|
||||
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.svg),
|
||||
url(support/transparent-100x50-blue-100x50.svg);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose raster image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-2-ref.xht" rel="match" />
|
||||
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.png),
|
||||
url(support/transparent-100x50-blue-100x50.png);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS mask-composite reference</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="intersect"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS mask-composite reference</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
|
|
@ -480,6 +480,38 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-1a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
|
||||
<a href="mask-composite-1a.xht">mask-composite-1a</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-1b" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
|
||||
<a href="mask-composite-1b.xht">mask-composite-1b</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-2a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
|
||||
<a href="mask-composite-2a.xht">mask-composite-2a</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-2b" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
|
||||
<a href="mask-composite-2b.xht">mask-composite-2b</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="test-mask" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-repeat:round repeat;">
|
||||
|
|
|
|||
|
|
@ -56,4 +56,8 @@ clip-rect-comma-003.xht == reference/clip-no-clipping-ref.xht
|
|||
clip-rect-comma-004.xht == reference/clip-no-clipping-ref.xht
|
||||
clip-rule-001.xht == reference/clip-rule-rectangle-border-ref.xht
|
||||
clip-rule-002.xht == reference/clip-rule-rectangle-border-ref.xht
|
||||
mask-composite-1a.xht == reference/mask-composite-1-ref.xht
|
||||
mask-composite-1b.xht == reference/mask-composite-1-ref.xht
|
||||
mask-composite-2a.xht == reference/mask-composite-2-ref.xht
|
||||
mask-composite-2b.xht == reference/mask-composite-2-ref.xht
|
||||
test-mask.xht == reference/test-mask-ref.xht
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
|
|
@ -52,7 +52,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
Positioned Masks</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
<td>(5 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#clipping-path">
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#mask-position">
|
||||
|
|
|
|||
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
|
||||
<!-- 53 tests -->
|
||||
<tr id="clip-absolute-positioned-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-absolute-positioned-001.xht">clip-absolute-positioned-001</a></strong></td>
|
||||
<tr id="clip-absolute-positioned-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-absolute-positioned-001.xht">clip-absolute-positioned-001</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on div with position: absolute
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-absolute-positioned-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-absolute-positioned-002.xht">clip-absolute-positioned-002</a></strong></td>
|
||||
<tr id="clip-absolute-positioned-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-absolute-positioned-002.xht">clip-absolute-positioned-002</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on div with position: fixed
|
||||
|
|
@ -54,9 +54,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-001.xht">clip-negative-values-001</a></strong></td>
|
||||
<tr id="clip-negative-values-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-001.xht">clip-negative-values-001</a></td>
|
||||
<td><a href="reference/clip-full-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 1
|
||||
|
|
@ -65,9 +65,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-002.xht">clip-negative-values-002</a></strong></td>
|
||||
<tr id="clip-negative-values-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-002.xht">clip-negative-values-002</a></td>
|
||||
<td><a href="reference/clip-full-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 2
|
||||
|
|
@ -76,9 +76,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-003.xht">clip-negative-values-003</a></strong></td>
|
||||
<tr id="clip-negative-values-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-003.xht">clip-negative-values-003</a></td>
|
||||
<td><a href="reference/clip-vertical-stripe-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 3
|
||||
|
|
@ -87,9 +87,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-negative-values-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-negative-values-004.xht">clip-negative-values-004</a></strong></td>
|
||||
<tr id="clip-negative-values-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-negative-values-004.xht">clip-negative-values-004</a></td>
|
||||
<td><a href="reference/clip-horizontal-stripe-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on with negative values - 4
|
||||
|
|
@ -98,9 +98,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-no-clipping-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-no-clipping-001.xht">clip-no-clipping-001</a></strong></td>
|
||||
<tr id="clip-no-clipping-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-no-clipping-001.xht">clip-no-clipping-001</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip on 'auto'
|
||||
|
|
@ -109,9 +109,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-no-clipping-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-no-clipping-002.xht">clip-no-clipping-002</a></strong></td>
|
||||
<tr id="clip-no-clipping-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-no-clipping-002.xht">clip-no-clipping-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property does not clip overflowing content on 'auto'.
|
||||
|
|
@ -120,9 +120,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-001.xht">clip-not-absolute-positioned-001</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-001.xht">clip-not-absolute-positioned-001</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 1
|
||||
|
|
@ -131,9 +131,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-002.xht">clip-not-absolute-positioned-002</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-002.xht">clip-not-absolute-positioned-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 2
|
||||
|
|
@ -142,9 +142,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-003.xht">clip-not-absolute-positioned-003</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-003.xht">clip-not-absolute-positioned-003</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 3
|
||||
|
|
@ -153,9 +153,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-not-absolute-positioned-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-not-absolute-positioned-004.xht">clip-not-absolute-positioned-004</a></strong></td>
|
||||
<tr id="clip-not-absolute-positioned-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-not-absolute-positioned-004.xht">clip-not-absolute-positioned-004</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 4
|
||||
|
|
@ -164,9 +164,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-001.xht">clip-path-circle-001</a></strong></td>
|
||||
<tr id="clip-path-circle-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-001.xht">clip-path-circle-001</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with absolute values
|
||||
|
|
@ -175,9 +175,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-002.xht">clip-path-circle-002</a></strong></td>
|
||||
<tr id="clip-path-circle-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-002.xht">clip-path-circle-002</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage values
|
||||
|
|
@ -186,9 +186,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-003.xht">clip-path-circle-003</a></strong></td>
|
||||
<tr id="clip-path-circle-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-003.xht">clip-path-circle-003</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage radius
|
||||
|
|
@ -197,9 +197,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-004.xht">clip-path-circle-004</a></strong></td>
|
||||
<tr id="clip-path-circle-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-004.xht">clip-path-circle-004</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with percentage position
|
||||
|
|
@ -208,9 +208,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-005.xht">clip-path-circle-005</a></strong></td>
|
||||
<tr id="clip-path-circle-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-005.xht">clip-path-circle-005</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with closest-side
|
||||
|
|
@ -219,9 +219,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-006.xht">clip-path-circle-006</a></strong></td>
|
||||
<tr id="clip-path-circle-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-006.xht">clip-path-circle-006</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle function with farthest-side
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-007.xht">clip-path-circle-007</a></strong></td>
|
||||
<tr id="clip-path-circle-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-007.xht">clip-path-circle-007</a></td>
|
||||
<td><a href="reference/clip-path-circle-2-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 1
|
||||
|
|
@ -241,9 +241,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-circle-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-circle-008.xht">clip-path-circle-008</a></strong></td>
|
||||
<tr id="clip-path-circle-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-circle-008.xht">clip-path-circle-008</a></td>
|
||||
<td><a href="reference/clip-path-circle-3-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 2
|
||||
|
|
@ -252,9 +252,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-001.xht">clip-path-element-userspaceonuse-001</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-001.xht">clip-path-element-userspaceonuse-001</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1
|
||||
|
|
@ -263,9 +263,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-002.xht">clip-path-element-userspaceonuse-002</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-002.xht">clip-path-element-userspaceonuse-002</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2
|
||||
|
|
@ -274,9 +274,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-003.xht">clip-path-element-userspaceonuse-003</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-003.xht">clip-path-element-userspaceonuse-003</a></td>
|
||||
<td><a href="reference/clip-path-ref-right-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1
|
||||
|
|
@ -285,9 +285,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-element-userspaceonuse-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-element-userSpaceOnUse-004.xht">clip-path-element-userspaceonuse-004</a></strong></td>
|
||||
<tr id="clip-path-element-userspaceonuse-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-element-userSpaceOnUse-004.xht">clip-path-element-userspaceonuse-004</a></td>
|
||||
<td><a href="reference/clip-path-ref-bottom-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2
|
||||
|
|
@ -296,9 +296,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-001.xht">clip-path-ellipse-001</a></strong></td>
|
||||
<tr id="clip-path-ellipse-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-001.xht">clip-path-ellipse-001</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
|
||||
|
|
@ -307,9 +307,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-002.xht">clip-path-ellipse-002</a></strong></td>
|
||||
<tr id="clip-path-ellipse-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-002.xht">clip-path-ellipse-002</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with percentage values
|
||||
|
|
@ -318,9 +318,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-003.xht">clip-path-ellipse-003</a></strong></td>
|
||||
<tr id="clip-path-ellipse-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-003.xht">clip-path-ellipse-003</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with percentage values on square
|
||||
|
|
@ -329,9 +329,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-004.xht">clip-path-ellipse-004</a></strong></td>
|
||||
<tr id="clip-path-ellipse-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-004.xht">clip-path-ellipse-004</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with different absolute values on square
|
||||
|
|
@ -340,9 +340,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-005.xht">clip-path-ellipse-005</a></strong></td>
|
||||
<tr id="clip-path-ellipse-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-005.xht">clip-path-ellipse-005</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with different percentage values on square
|
||||
|
|
@ -351,9 +351,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-006.xht">clip-path-ellipse-006</a></strong></td>
|
||||
<tr id="clip-path-ellipse-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-006.xht">clip-path-ellipse-006</a></td>
|
||||
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
|
||||
|
|
@ -362,9 +362,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-007.xht">clip-path-ellipse-007</a></strong></td>
|
||||
<tr id="clip-path-ellipse-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-007.xht">clip-path-ellipse-007</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with no arguments
|
||||
|
|
@ -373,9 +373,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-ellipse-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-ellipse-008.xht">clip-path-ellipse-008</a></strong></td>
|
||||
<tr id="clip-path-ellipse-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-ellipse-008.xht">clip-path-ellipse-008</a></td>
|
||||
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and ellipse function with 50% 50%
|
||||
|
|
@ -384,9 +384,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-001.xht">clip-path-polygon-001</a></strong></td>
|
||||
<tr id="clip-path-polygon-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-001.xht">clip-path-polygon-001</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with absolute values
|
||||
|
|
@ -395,9 +395,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-002.xht">clip-path-polygon-002</a></strong></td>
|
||||
<tr id="clip-path-polygon-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-002.xht">clip-path-polygon-002</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with percentage values
|
||||
|
|
@ -406,9 +406,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-003.xht">clip-path-polygon-003</a></strong></td>
|
||||
<tr id="clip-path-polygon-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-003.xht">clip-path-polygon-003</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with absolute and percentage values
|
||||
|
|
@ -417,9 +417,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-004.xht">clip-path-polygon-004</a></strong></td>
|
||||
<tr id="clip-path-polygon-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-004.xht">clip-path-polygon-004</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with fill rule evenodd
|
||||
|
|
@ -428,9 +428,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-005.xht">clip-path-polygon-005</a></strong></td>
|
||||
<tr id="clip-path-polygon-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-005.xht">clip-path-polygon-005</a></td>
|
||||
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path property and polygon function with fill rule nonzero
|
||||
|
|
@ -439,9 +439,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-006.xht">clip-path-polygon-006</a></strong></td>
|
||||
<tr id="clip-path-polygon-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-006.xht">clip-path-polygon-006</a></td>
|
||||
<td><a href="reference/clip-path-square-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with padding-box
|
||||
|
|
@ -450,9 +450,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-007-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-007.xht">clip-path-polygon-007</a></strong></td>
|
||||
<tr id="clip-path-polygon-007-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-007.xht">clip-path-polygon-007</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with border-box
|
||||
|
|
@ -461,9 +461,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-008-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-008.xht">clip-path-polygon-008</a></strong></td>
|
||||
<tr id="clip-path-polygon-008-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-008.xht">clip-path-polygon-008</a></td>
|
||||
<td><a href="reference/clip-path-stripes-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with margin-box
|
||||
|
|
@ -472,9 +472,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-009-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-009.xht">clip-path-polygon-009</a></strong></td>
|
||||
<tr id="clip-path-polygon-009-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-009.xht">clip-path-polygon-009</a></td>
|
||||
<td><a href="reference/clip-path-square-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with content-box
|
||||
|
|
@ -483,9 +483,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-010-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-010.xht">clip-path-polygon-010</a></strong></td>
|
||||
<tr id="clip-path-polygon-010-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-010.xht">clip-path-polygon-010</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with fill-box
|
||||
|
|
@ -494,9 +494,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-011-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-011.xht">clip-path-polygon-011</a></strong></td>
|
||||
<tr id="clip-path-polygon-011-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-011.xht">clip-path-polygon-011</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with stroke-box
|
||||
|
|
@ -505,9 +505,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-012-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-012.xht">clip-path-polygon-012</a></strong></td>
|
||||
<tr id="clip-path-polygon-012-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-012.xht">clip-path-polygon-012</a></td>
|
||||
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon with view-box
|
||||
|
|
@ -516,9 +516,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-path-polygon-013-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-path-polygon-013.xht">clip-path-polygon-013</a></strong></td>
|
||||
<tr id="clip-path-polygon-013-5" class="">
|
||||
<td>
|
||||
<a href="clip-path-polygon-013.xht">clip-path-polygon-013</a></td>
|
||||
<td><a href="reference/clip-path-stripes-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-path and polygon different units
|
||||
|
|
@ -527,9 +527,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-001.xht">clip-rect-auto-001</a></strong></td>
|
||||
<tr id="clip-rect-auto-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-001.xht">clip-rect-auto-001</a></td>
|
||||
<td><a href="reference/clip-overflow-hidden-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 1
|
||||
|
|
@ -538,9 +538,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-002.xht">clip-rect-auto-002</a></strong></td>
|
||||
<tr id="clip-rect-auto-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-002.xht">clip-rect-auto-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 2
|
||||
|
|
@ -549,9 +549,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-003-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-003.xht">clip-rect-auto-003</a></strong></td>
|
||||
<tr id="clip-rect-auto-003-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-003.xht">clip-rect-auto-003</a></td>
|
||||
<td><a href="reference/clip-rect-top-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for top value
|
||||
|
|
@ -560,9 +560,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-004-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-004.xht">clip-rect-auto-004</a></strong></td>
|
||||
<tr id="clip-rect-auto-004-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-004.xht">clip-rect-auto-004</a></td>
|
||||
<td><a href="reference/clip-rect-right-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for right value
|
||||
|
|
@ -571,9 +571,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-005-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-005.xht">clip-rect-auto-005</a></strong></td>
|
||||
<tr id="clip-rect-auto-005-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-005.xht">clip-rect-auto-005</a></td>
|
||||
<td><a href="reference/clip-rect-bottom-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for bottom value
|
||||
|
|
@ -582,9 +582,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-auto-006-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-auto-006.xht">clip-rect-auto-006</a></strong></td>
|
||||
<tr id="clip-rect-auto-006-5" class="">
|
||||
<td>
|
||||
<a href="clip-rect-auto-006.xht">clip-rect-auto-006</a></td>
|
||||
<td><a href="reference/clip-rect-left-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip property with rect function and auto value for left value
|
||||
|
|
@ -593,9 +593,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rule-001-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rule-001.xht">clip-rule-001</a></strong></td>
|
||||
<tr id="clip-rule-001-5" class="">
|
||||
<td>
|
||||
<a href="clip-rule-001.xht">clip-rule-001</a></td>
|
||||
<td><a href="reference/clip-rule-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-rule property on polygon clip rule evenodd
|
||||
|
|
@ -604,9 +604,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rule-002-5" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rule-002.xht">clip-rule-002</a></strong></td>
|
||||
<tr id="clip-rule-002-5" class="">
|
||||
<td>
|
||||
<a href="clip-rule-002.xht">clip-rule-002</a></td>
|
||||
<td><a href="reference/clip-rule-rectangle-border-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test clip-rule property on polygon clip rule nonzero
|
||||
|
|
@ -622,7 +622,7 @@
|
|||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
|
||||
<!-- 8 tests -->
|
||||
<tr id="clip-path-circle-001-5.1" class="">
|
||||
<td>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#svg-clipping-paths">6 SVG Clipping Path Sources</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#svg-clipping-paths">6 SVG Clipping Path Sources</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#ClipPathElement">6.1 The clipPath element</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#ClipPathElement">6.1 The clipPath element</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="clip-path-element-userspaceonuse-001-6.1" class="">
|
||||
<td>
|
||||
|
|
@ -120,7 +120,7 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-rule">6.2 Winding Rules: the clip-rule property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-clip-rule">6.2 Winding Rules: the clip-rule property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#propdef-clip-rule">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Masking Level 1 CR Test Suite</h1>
|
||||
<h2>Positioned Masks (1 tests)</h2>
|
||||
<h2>Positioned Masks (5 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.#mask-layer-image">
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<tbody id="s7.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.2.#propdef-mask-mode">
|
||||
|
|
@ -78,11 +78,11 @@
|
|||
<tbody id="s7.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="test-mask-7.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="test-mask.xht">test-mask</a></strong></td>
|
||||
<tr id="test-mask-7.3" class="">
|
||||
<td>
|
||||
<a href="test-mask.xht">test-mask</a></td>
|
||||
<td><a href="reference/test-mask-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-repeat:round repeat;
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
<tbody id="s7.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.4.#propdef-mask-position">
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
<tbody id="s7.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.5.#mask-painting-area">
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
<tbody id="s7.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.6.#mask-positioning-area">
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
<tbody id="s7.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.7.#propdef-mask-size">
|
||||
|
|
@ -185,8 +185,52 @@
|
|||
<tbody id="s7.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="mask-composite-1a-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-1a.xht">mask-composite-1a</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose vector image
|
||||
<ul class="assert">
|
||||
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-1b-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-1b.xht">mask-composite-1b</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose raster image
|
||||
<ul class="assert">
|
||||
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-2a-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-2a.xht">mask-composite-2a</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose vector image
|
||||
<ul class="assert">
|
||||
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mask-composite-2b-7.8" class="">
|
||||
<td>
|
||||
<a href="mask-composite-2b.xht">mask-composite-2b</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: mask-composite: compose raster image
|
||||
<ul class="assert">
|
||||
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s7.8.#destination">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -215,7 +259,7 @@
|
|||
<tbody id="s7.9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.9">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.9.#propdef-mask">
|
||||
|
|
@ -227,13 +271,13 @@
|
|||
<tbody id="s7.10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.10.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.10.1.#mask-image">
|
||||
|
|
@ -242,7 +286,7 @@
|
|||
<tbody id="s7.10.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.10.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1.#mask-border-image">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#propdef-mask-border-mode">
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
<tbody id="s8.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.#propdef-mask-border-slice">
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<tbody id="s8.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.4.#mask-border-image-area">
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
<tbody id="s8.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.5.#propdef-mask-border-outset">
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<tbody id="s8.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.6.#propdef-mask-border-repeat">
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
<tbody id="s8.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.7.#propdef-mask-border">
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
<tbody id="s8.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#element-attrdef-height">
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<tbody id="s9.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#propdef-mask-type">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
|
||||
<!-- 22 tests -->
|
||||
<tr id="clip-absolute-positioned-001-A" class="">
|
||||
<td>
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-001-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-001.xht">clip-rect-comma-001</a></strong></td>
|
||||
<tr id="clip-rect-comma-001-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-001.xht">clip-rect-comma-001</a></td>
|
||||
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no commas
|
||||
|
|
@ -241,9 +241,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-002-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-002.xht">clip-rect-comma-002</a></strong></td>
|
||||
<tr id="clip-rect-comma-002-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-002.xht">clip-rect-comma-002</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 1st and 2nd value
|
||||
|
|
@ -252,9 +252,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-003-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-003.xht">clip-rect-comma-003</a></strong></td>
|
||||
<tr id="clip-rect-comma-003-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-003.xht">clip-rect-comma-003</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 2nd and 3rd value
|
||||
|
|
@ -263,9 +263,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="clip-rect-comma-004-A" class="primary">
|
||||
<td><strong>
|
||||
<a href="clip-rect-comma-004.xht">clip-rect-comma-004</a></strong></td>
|
||||
<tr id="clip-rect-comma-004-A" class="">
|
||||
<td>
|
||||
<a href="clip-rect-comma-004.xht">clip-rect-comma-004</a></td>
|
||||
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sB">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sB">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sB.#stroke-bounding-box">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sC">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sC">+</a>
|
||||
<a href="http://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sC.#InterfaceSVGClipPathElement">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose vector image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-1-ref.xht" rel="match" />
|
||||
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.svg),
|
||||
url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose raster image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-1-ref.xht" rel="match" />
|
||||
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.png),
|
||||
url(support/blue-100x50-transparent-100x50.png);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose vector image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-2-ref.xht" rel="match" />
|
||||
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.svg),
|
||||
url(support/transparent-100x50-blue-100x50.svg);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Masking: mask-composite: compose raster image</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
|
||||
<link href="reference/mask-composite-2-ref.xht" rel="match" />
|
||||
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background-color: blue;
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top:10px;
|
||||
mask-image: url(support/blue-100x50-transparent-100x50.png),
|
||||
url(support/transparent-100x50-blue-100x50.png);
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
mask-composite: add;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
mask-composite: substract;
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
mask-composite: intersect;
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="intersect"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS mask-composite reference</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.intersect {
|
||||
left: 230px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="intersect"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS mask-composite reference</title>
|
||||
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
div.add {
|
||||
left: 10px;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
div.substract {
|
||||
left: 120px;
|
||||
background-image: url(support/blue-100x50-transparent-100x50.svg);
|
||||
}
|
||||
|
||||
div.exclude {
|
||||
left: 340px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="add"></div>
|
||||
<div class="substract"></div>
|
||||
<div class="exclude"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
|
|
@ -480,6 +480,38 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-1a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
|
||||
<a href="mask-composite-1a.xht">mask-composite-1a</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-1b" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
|
||||
<a href="mask-composite-1b.xht">mask-composite-1b</a></td>
|
||||
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-2a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
|
||||
<a href="mask-composite-2a.xht">mask-composite-2a</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="mask-composite-2b" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
|
||||
<a href="mask-composite-2b.xht">mask-composite-2b</a></td>
|
||||
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="test-mask" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS Masking: mask-repeat:round repeat;">
|
||||
|
|
|
|||
|
|
@ -56,4 +56,8 @@ clip-rect-comma-003.xht == reference/clip-no-clipping-ref.xht
|
|||
clip-rect-comma-004.xht == reference/clip-no-clipping-ref.xht
|
||||
clip-rule-001.xht == reference/clip-rule-rectangle-border-ref.xht
|
||||
clip-rule-002.xht == reference/clip-rule-rectangle-border-ref.xht
|
||||
mask-composite-1a.xht == reference/mask-composite-1-ref.xht
|
||||
mask-composite-1b.xht == reference/mask-composite-1-ref.xht
|
||||
mask-composite-2a.xht == reference/mask-composite-2-ref.xht
|
||||
mask-composite-2b.xht == reference/mask-composite-2-ref.xht
|
||||
test-mask.xht == reference/test-mask-ref.xht
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
|
||||
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 216 B |
|
|
@ -52,7 +52,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
Positioned Masks</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
<td>(5 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue