mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
136 lines
No EOL
5.3 KiB
HTML
136 lines
No EOL
5.3 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<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 id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<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="https://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="https://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="https://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="">
|
|
<td>
|
|
<a href="css-image-fallbacks-and-annotations.htm">css-image-fallbacks-and-annotations</a></td>
|
|
<td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Image Fallbacks and Annotations: the 'image()' 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="">
|
|
<td>
|
|
<a href="css-image-fallbacks-and-annotations002.htm">css-image-fallbacks-and-annotations002</a></td>
|
|
<td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Image Fallbacks and Annotations: the 'image()' notation
|
|
<ul class="assert">
|
|
<li>The 'image()' function load the image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-image-fallbacks-and-annotations003-3.2" class="">
|
|
<td>
|
|
<a href="css-image-fallbacks-and-annotations003.htm">css-image-fallbacks-and-annotations003</a></td>
|
|
<td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Image Fallbacks and Annotations: the 'image()' 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="">
|
|
<td>
|
|
<a href="css-image-fallbacks-and-annotations004.htm">css-image-fallbacks-and-annotations004</a></td>
|
|
<td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Image Fallbacks and Annotations: the 'image()' 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="">
|
|
<td>
|
|
<a href="css-image-fallbacks-and-annotations005.htm">css-image-fallbacks-and-annotations005</a></td>
|
|
<td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Image Fallbacks and Annotations: the 'image()' notation
|
|
<ul class="assert">
|
|
<li>The 'image()' 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="https://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="https://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="https://www.w3.org/TR/css3-images/#color-images">3.2.3 Solid-color Images</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |