Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-24 17:14:33 +01:00
Code Issues Projects Releases Packages Wiki Activity
servo/tests/wpt/css-tests/css-masking-1_dev/html/reftest-toc.htm

526 lines
23 KiB
HTML
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS Masking Level 1 CR Test Suite Reftest Index</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Masking Level 1 CR Test Suite Reftest Index</h1>
<table width="100%">
<col id="test-column">
<col id="ref-column">
<col id="flags-column">
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
<tbody id="clip-absolute-positioned-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property and rect function on div with position: absolute">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-absolute-positioned-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property and rect function on div with position: fixed">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-negative-values-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property does not clip on with negative values - 1">
<a href="clip-negative-values-001.htm">clip-negative-values-001</a></td>
<td><a href="reference/clip-full-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-negative-values-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property does not clip on with negative values - 2">
<a href="clip-negative-values-002.htm">clip-negative-values-002</a></td>
<td><a href="reference/clip-full-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-negative-values-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property does not clip on with negative values - 3">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-negative-values-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property does not clip on with negative values - 4">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-no-clipping-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property does not clip on 'auto'">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-no-clipping-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property does not clip overflowing content on 'auto'.">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-not-absolute-positioned-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property and rect function on not absolutely positioned div - 1">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-not-absolute-positioned-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property and rect function on not absolutely positioned div - 2">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-not-absolute-positioned-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property and rect function on not absolutely positioned div - 3">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-not-absolute-positioned-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property and rect function on not absolutely positioned div - 4">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle function with absolute values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle function with percentage values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle function with percentage radius">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle function with percentage position">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-005" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle function with closest-side">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-006" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle function with farthest-side">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-007" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle with closest-side on rectangular div 1">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-circle-008" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and circle with closest-side on rectangular div 2">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-element-userspaceonuse-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-element-userspaceonuse-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-element-userspaceonuse-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-element-userspaceonuse-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with absolute values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with percentage values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with percentage values on square">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with different absolute values on square">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-005" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with different percentage values on square">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-006" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with absolute values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-007" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with no arguments">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-ellipse-008" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and ellipse function with 50% 50%">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and polygon function with absolute values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and polygon function with percentage values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and polygon function with absolute and percentage values">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and polygon function with fill rule evenodd">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-005" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path property and polygon function with fill rule nonzero">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-006" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon with padding-box">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-007" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon with border-box">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-008" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon with margin-box">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-009" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon with content-box">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-010" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon with fill-box">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-011" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon with stroke-box">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-012" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon with view-box">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-path-polygon-013" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-path and polygon different units">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-auto-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property with rect function and auto values clip to border box - 1">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-auto-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property with rect function and auto values clip to border box - 2">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-auto-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property with rect function and auto value for top value">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-auto-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property with rect function and auto value for right value">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-auto-005" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property with rect function and auto value for bottom value">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-auto-006" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip property with rect function and auto value for left value">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-comma-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test comma separation of rect function on clip - no commas">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-comma-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test comma separation of rect function on clip - no comma between 1st and 2nd value">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-comma-003" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test comma separation of rect function on clip - no comma between 2nd and 3rd value">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rect-comma-004" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rule-001" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-rule property on polygon clip rule evenodd">
<a href="clip-rule-001.htm">clip-rule-001</a></td>
<td><a href="reference/clip-rule-rectangle-border-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="clip-rule-002" class="">
<tr>
<td rowspan="1" title="CSS Masking: Test clip-rule property on polygon clip rule nonzero">
<a href="clip-rule-002.htm">clip-rule-002</a></td>
<td><a href="reference/clip-rule-rectangle-border-ref.htm">=</a> </td>
<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;">
<a href="test-mask.htm">test-mask</a></td>
<td><a href="reference/test-mask-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>
Reference in a new issue View git blame Copy permalink