mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
195 lines
No EOL
6.7 KiB
HTML
195 lines
No EOL
6.7 KiB
HTML
|
|
|
|
<!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>Outline properties - CSS Basic User Interface 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 Basic User Interface Module Level 3 CR Test Suite</h1>
|
|
<h2>Outline properties (9 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="s4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#outline-props">4 Outline properties</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#outline">4.1 outline property</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="outline-001-4.1" class="">
|
|
<td>
|
|
<a href="outline-001.xht">outline-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline - create outline likes border property
|
|
<ul class="assert">
|
|
<li>Test checks that the outline property creates outlines around visual objects and makes them stand out</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-002-4.1" class="">
|
|
<td>
|
|
<a href="outline-002.xht">outline-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline - inherit (basic)
|
|
<ul class="assert">
|
|
<li>Test checks that the outline property inherits the parent's value when outline set inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s4.1.#propdef-outline">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#outline-width">4.2 outline-width property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.2.#propdef-outline-width">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.3">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#outline-style">4.3 outline-style property</a></th></tr>
|
|
<!-- 4 tests -->
|
|
<tr id="outline-style-011-4.3" class="">
|
|
<td>
|
|
<a href="outline-style-011.xht">outline-style-011</a></td>
|
|
<td><a href="reference/outline-style-011-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline-style - dotted (basic)
|
|
<ul class="assert">
|
|
<li>Test checks that the outline style is dotted when outline-style set dotted</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-012-4.3" class="">
|
|
<td>
|
|
<a href="outline-style-012.xht">outline-style-012</a></td>
|
|
<td><a href="reference/outline-style-012-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline-style - inherit (basic)
|
|
<ul class="assert">
|
|
<li>Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-013-4.3" class="">
|
|
<td>
|
|
<a href="outline-style-013.xht">outline-style-013</a></td>
|
|
<td><a href="reference/outline-style-013-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline-style - dashed (basic)
|
|
<ul class="assert">
|
|
<li>Test checks that the outline style is dashed when outline-style set dashed</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-014-4.3" class="">
|
|
<td>
|
|
<a href="outline-style-014.xht">outline-style-014</a></td>
|
|
<td><a href="reference/outline-style-014-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline-style - double (basic)
|
|
<ul class="assert">
|
|
<li>Test checks that the outline style is two solid lines when outline-style set double</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s4.3.#propdef-outline-style">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.4">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#outline-color">4.4 outline-color property</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="outline-color-001-4.4" class="">
|
|
<td>
|
|
<a href="outline-color-001.xht">outline-color-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline-color - inherit (basic)
|
|
<ul class="assert">
|
|
<li>Test checks that the color of sub element outline is same as the color of parent element outline when outline-color set inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s4.4.#example-4b3084c1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.4.#example-bcd0e0d3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.4.#invert">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.4.#propdef-outline-color">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.5">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#outline-offset">4.5 outline-offset property</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="outline-offset-4.5" class="">
|
|
<td>
|
|
<a href="outline-offset.xht">outline-offset</a></td>
|
|
<td><a href="reference/outline-offset.xht">=</a> </td>
|
|
<td></td>
|
|
<td>ttwf-reftest-outline-offset-ref
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-offset-001-4.5" class="">
|
|
<td>
|
|
<a href="outline-offset-001.xht">outline-offset-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>outline-offset - length (basic)
|
|
<ul class="assert">
|
|
<li>Test checks that the outline-offset keeps spacing between outline and element content</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s4.5.#example-8c7e0106">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.5.#negative-offset">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.5.#propdef-outline-offset">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |