<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<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 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="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.htm">outline-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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.htm">outline-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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.htm">outline-style-011</a></td>
<td><a href="reference/outline-style-011-ref.htm">=</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.htm">outline-style-012</a></td>
<td><a href="reference/outline-style-012-ref.htm">=</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.htm">outline-style-013</a></td>
<td><a href="reference/outline-style-013-ref.htm">=</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.htm">outline-style-014</a></td>
<td><a href="reference/outline-style-014-ref.htm">=</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.htm">outline-color-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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.htm">outline-offset</a></td>
<td><a href="reference/outline-offset.htm">=</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.htm">outline-offset-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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>