<!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>Image Values: the <image> type - CSS Images Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Images Module Level 3 CR Test Suite</h1>
<h2>Image Values: the <image> type (5 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css3-images/#image-values">3 Image Values: the <image> type</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.#image-type">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#invalid-image">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css3-images/#url-notation">3.1 Image References and Image Slices: the ‘<url>’ type and ‘url()’ notation</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2">+</a>
<a href="http://www.w3.org/TR/css3-images/#image-notation">3.2 Image Fallbacks and Annotations: the ‘image()’ notation</a></th></tr>
<!-- 5 tests -->
<tr id="css-image-fallbacks-and-annotations-3.2" class="primary">
<td><strong>
<a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></strong></td>
<td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
<td></td>
<td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation
<ul class="assert">
<li>When the image doesn't load, the background color is still there to ensure that the white text is readable.</li>
</ul>
</td>
</tr>
<tr id="css-image-fallbacks-and-annotations002-3.2" class="primary">
<td><strong>
<a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></strong></td>
<td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
<td></td>
<td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation
<ul class="assert">
<li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function load the image.</li>
</ul>
</td>
</tr>
<tr id="css-image-fallbacks-and-annotations003-3.2" class="primary">
<td><strong>
<a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></strong></td>
<td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
<td></td>
<td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation
<ul class="assert">
<li>The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.</li>
</ul>
</td>
</tr>
<tr id="css-image-fallbacks-and-annotations004-3.2" class="primary">
<td><strong>
<a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></strong></td>
<td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
<td></td>
<td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation
<ul class="assert">
<li>The rule below would tell the UA to load The first file if it can; failing that to load The second file.</li>
</ul>
</td>
</tr>
<tr id="css-image-fallbacks-and-annotations005-3.2" class="primary">
<td><strong>
<a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></strong></td>
<td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
<td></td>
<td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation
<ul class="assert">
<li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.2.#image-decl-type">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.#image-list-type">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2.1">+</a>
<a href="http://www.w3.org/TR/css3-images/#image-fragments">3.2.1 Image Fragments</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2.2">+</a>
<a href="http://www.w3.org/TR/css3-images/#image-fallbacks">3.2.2 Image Fallbacks</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2.3">+</a>
<a href="http://www.w3.org/TR/css3-images/#color-images">3.2.3 Solid-color Images</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>