<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<col id="ref-column"></col>
<col id="flags-column"></col>
<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.xht">clip-absolute-positioned-001</a></td>
<td><a href="reference/clip-absolute-positioned-ref.xht">=</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.xht">clip-absolute-positioned-002</a></td>
<td><a href="reference/clip-absolute-positioned-ref.xht">=</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.xht">clip-negative-values-001</a></td>
<td><a href="reference/clip-full-ref.xht">=</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.xht">clip-negative-values-002</a></td>
<td><a href="reference/clip-full-ref.xht">=</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.xht">clip-negative-values-003</a></td>
<td><a href="reference/clip-vertical-stripe-ref.xht">=</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.xht">clip-negative-values-004</a></td>
<td><a href="reference/clip-horizontal-stripe-ref.xht">=</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.xht">clip-no-clipping-001</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-no-clipping-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-not-absolute-positioned-001</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-not-absolute-positioned-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-not-absolute-positioned-003</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-not-absolute-positioned-004</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-path-circle-001</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-circle-002</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-circle-003</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-circle-004</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-circle-005</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-circle-006</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-circle-007</a></td>
<td><a href="reference/clip-path-circle-2-ref.xht">=</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.xht">clip-path-circle-008</a></td>
<td><a href="reference/clip-path-circle-3-ref.xht">=</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.xht">clip-path-element-userspaceonuse-001</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</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.xht">clip-path-element-userspaceonuse-002</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</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.xht">clip-path-element-userspaceonuse-003</a></td>
<td><a href="reference/clip-path-ref-right-green-ref.xht">=</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.xht">clip-path-element-userspaceonuse-004</a></td>
<td><a href="reference/clip-path-ref-bottom-green-ref.xht">=</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.xht">clip-path-ellipse-001</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</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.xht">clip-path-ellipse-002</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</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.xht">clip-path-ellipse-003</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-ellipse-004</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</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.xht">clip-path-ellipse-005</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</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.xht">clip-path-ellipse-006</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</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.xht">clip-path-ellipse-007</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</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.xht">clip-path-ellipse-008</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</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.xht">clip-path-polygon-001</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</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.xht">clip-path-polygon-002</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</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.xht">clip-path-polygon-003</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</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.xht">clip-path-polygon-004</a></td>
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</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.xht">clip-path-polygon-005</a></td>
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</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.xht">clip-path-polygon-006</a></td>
<td><a href="reference/clip-path-square-001-ref.xht">=</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.xht">clip-path-polygon-007</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</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.xht">clip-path-polygon-008</a></td>
<td><a href="reference/clip-path-stripes-002-ref.xht">=</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.xht">clip-path-polygon-009</a></td>
<td><a href="reference/clip-path-square-002-ref.xht">=</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.xht">clip-path-polygon-010</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</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.xht">clip-path-polygon-011</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</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.xht">clip-path-polygon-012</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</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.xht">clip-path-polygon-013</a></td>
<td><a href="reference/clip-path-stripes-003-ref.xht">=</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.xht">clip-rect-auto-001</a></td>
<td><a href="reference/clip-overflow-hidden-ref.xht">=</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.xht">clip-rect-auto-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-rect-auto-003</a></td>
<td><a href="reference/clip-rect-top-ref.xht">=</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.xht">clip-rect-auto-004</a></td>
<td><a href="reference/clip-rect-right-ref.xht">=</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.xht">clip-rect-auto-005</a></td>
<td><a href="reference/clip-rect-bottom-ref.xht">=</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.xht">clip-rect-auto-006</a></td>
<td><a href="reference/clip-rect-left-ref.xht">=</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.xht">clip-rect-comma-001</a></td>
<td><a href="reference/clip-absolute-positioned-ref.xht">=</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.xht">clip-rect-comma-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-rect-comma-003</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-rect-comma-004</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</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.xht">clip-rule-001</a></td>
<td><a href="reference/clip-rule-rectangle-border-ref.xht">=</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.xht">clip-rule-002</a></td>
<td><a href="reference/clip-rule-rectangle-border-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;">
<a href="test-mask.xht">test-mask</a></td>
<td><a href="reference/test-mask-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>