mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
7737 lines
304 KiB
HTML
7737 lines
304 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>User interface - CSS 2.1 Conformance Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS 2.1 Conformance Test Suite</h1>
|
|
<h2>User interface (361 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="s18">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s18">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/ui.html#q18.0">18 User interface</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s18.#annoying-warning">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s18.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s18.1">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/ui.html#cursor-props">18.1 Cursors: the 'cursor' property</a></th></tr>
|
|
<!-- 42 tests -->
|
|
<tr id="cursor-001-18.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-001.htm">cursor-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor using the 'url()' function
|
|
<ul class="assert">
|
|
<li>Cursor 'uri' results in the cursor that is specified by the URI.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-002-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-002.htm">cursor-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'auto'
|
|
<ul class="assert">
|
|
<li>Cursor 'auto' results in a cursor that is determined by the user agent according to the context.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-003-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-003.htm">cursor-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'crosshair'
|
|
<ul class="assert">
|
|
<li>Cursor 'crosshair' results in a crosshair cursor resembling a '+' sign.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-004-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-004.htm">cursor-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'default'
|
|
<ul class="assert">
|
|
<li>Cursor 'default' results in the default cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-005-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-005.htm">cursor-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'pointer'
|
|
<ul class="assert">
|
|
<li>Cursor 'pointer' results in a cursor that indicates a link.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-006-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-006.htm">cursor-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'move'
|
|
<ul class="assert">
|
|
<li>Cursor 'move' results in a cursor that indicates an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-007-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-007.htm">cursor-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'e-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'e-resize' results in a cursor that indicates the east edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-008-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-008.htm">cursor-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'ne-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'ne-resize' results in a cursor that indicates the north-east corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-009-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-009.htm">cursor-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'nw-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'nw-resize' results in a cursor that indicates the north-west corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-010-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-010.htm">cursor-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'n-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'n-resize' results in a cursor that indicates the north edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-011-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-011.htm">cursor-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'se-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'se-resize' results in a cursor that indicates the south-east corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-012-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-012.htm">cursor-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'sw-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'sw-resize' results in a cursor that indicates the south-west corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-013-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-013.htm">cursor-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 's-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 's-resize' results in a cursor that indicates the south edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-014-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-014.htm">cursor-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'w-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'w-resize' results in a cursor that indicates the west edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-015-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-015.htm">cursor-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'text'
|
|
<ul class="assert">
|
|
<li>Cursor 'text' results in a cursor that indicates user can select or input text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-016-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-016.htm">cursor-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'wait'
|
|
<ul class="assert">
|
|
<li>Cursor 'wait' results in a cursor that indicates the page is busy and user needs to wait.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-017-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-017.htm">cursor-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'help'
|
|
<ul class="assert">
|
|
<li>Cursor 'help' results in a cursor that indicates help information is available.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-018-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-018.htm">cursor-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'progress'
|
|
<ul class="assert">
|
|
<li>Cursor 'progress' results in a cursor that indicates something is in progression.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-019-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-019.htm">cursor-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'inherit'
|
|
<ul class="assert">
|
|
<li>Cursor 'inherit' results in the same cursor value as the parent element has.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-020-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-020.htm">cursor-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor - <uri> value
|
|
<ul class="assert">
|
|
<li>If the user agent cannot handle an user-defined cursor, it must use the generic cursor at the end of the list. The auto value should make UA determine the cursor to display based on the current context.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-021-18.1" class="interact invalid">
|
|
<td>
|
|
<a href="cursor-021.htm">cursor-021</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>cursor - <uri> value
|
|
<ul class="assert">
|
|
<li>When an user-defined cursor is provided, a generic cursor value must be provided at the end of the list.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-022-18.1" class="interact invalid">
|
|
<td>
|
|
<a href="cursor-022.htm">cursor-022</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>cursor - set to an invalid value
|
|
<ul class="assert">
|
|
<li>The property 'cursor', when set to an invalid value or an illegal value, must be ignored. Then, instead, the cursor to display should be based on the current context.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-023-18.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-023.htm">cursor-023</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>PNG or GIF cursor
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-024-18.1" class="animated image interact may">
|
|
<td>
|
|
<a href="cursor-024.htm">cursor-024</a></td>
|
|
<td></td>
|
|
<td><abbr class="animated" title="Animated test">Animated</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>animated GIF cursor
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-001-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-001.htm">cursor-applies-to-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-row-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-002-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-002.htm">cursor-applies-to-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-header-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-003-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-003.htm">cursor-applies-to-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-footer-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-004-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-004.htm">cursor-applies-to-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-row'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-005-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-005.htm">cursor-applies-to-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-column-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-006-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-006.htm">cursor-applies-to-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-column'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-007-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-007.htm">cursor-applies-to-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-cell'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-008-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-008.htm">cursor-applies-to-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'inline'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-009-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-009.htm">cursor-applies-to-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'block'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-010-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-010.htm">cursor-applies-to-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'list-item'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a 'display' set to 'list-item'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-011-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-011.htm">cursor-applies-to-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'run-in'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-012-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-012.htm">cursor-applies-to-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'inline-block'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-013-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-013.htm">cursor-applies-to-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-014-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-014.htm">cursor-applies-to-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'inline-table'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-015-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-015.htm">cursor-applies-to-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-caption'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-fallback-001-18.1" class="interact">
|
|
<td>
|
|
<a href="cursor-fallback-001.htm">cursor-fallback-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor specified with missing image for the url()
|
|
<ul class="assert">
|
|
<li>When a specified URL cursor doesn't exist, the next specified cursor is used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-url-001-18.1" class="image interact">
|
|
<td>
|
|
<a href="cursor-url-001.htm">cursor-url-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Url cursor
|
|
<ul class="assert">
|
|
<li>URI cursor is applied correctly.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="select-cursor-001-manual-18.1" class="HTMLonly interact">
|
|
<td>
|
|
<a href="select-cursor-001-manual.htm">select-cursor-001-manual</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>cursor property and select element
|
|
<ul class="assert">
|
|
<li>Hovering the pointer over a select menu on top of an element with a cursor set should not display said cursor</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.1.#propdef-cursor">
|
|
<!-- 34 tests -->
|
|
<tr id="cursor-001-18.1.#propdef-cursor" class="image interact">
|
|
<td>
|
|
<a href="cursor-001.htm">cursor-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor using the 'url()' function
|
|
<ul class="assert">
|
|
<li>Cursor 'uri' results in the cursor that is specified by the URI.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-002-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-002.htm">cursor-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'auto'
|
|
<ul class="assert">
|
|
<li>Cursor 'auto' results in a cursor that is determined by the user agent according to the context.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-003-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-003.htm">cursor-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'crosshair'
|
|
<ul class="assert">
|
|
<li>Cursor 'crosshair' results in a crosshair cursor resembling a '+' sign.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-004-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-004.htm">cursor-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'default'
|
|
<ul class="assert">
|
|
<li>Cursor 'default' results in the default cursor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-005-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-005.htm">cursor-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'pointer'
|
|
<ul class="assert">
|
|
<li>Cursor 'pointer' results in a cursor that indicates a link.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-006-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-006.htm">cursor-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'move'
|
|
<ul class="assert">
|
|
<li>Cursor 'move' results in a cursor that indicates an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-007-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-007.htm">cursor-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'e-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'e-resize' results in a cursor that indicates the east edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-008-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-008.htm">cursor-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'ne-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'ne-resize' results in a cursor that indicates the north-east corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-009-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-009.htm">cursor-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'nw-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'nw-resize' results in a cursor that indicates the north-west corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-010-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-010.htm">cursor-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'n-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'n-resize' results in a cursor that indicates the north edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-011-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-011.htm">cursor-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'se-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'se-resize' results in a cursor that indicates the south-east corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-012-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-012.htm">cursor-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'sw-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'sw-resize' results in a cursor that indicates the south-west corner of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-013-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-013.htm">cursor-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 's-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 's-resize' results in a cursor that indicates the south edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-014-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-014.htm">cursor-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'w-resize'
|
|
<ul class="assert">
|
|
<li>Cursor 'w-resize' results in a cursor that indicates the west edge of an element can be moved.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-015-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-015.htm">cursor-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'text'
|
|
<ul class="assert">
|
|
<li>Cursor 'text' results in a cursor that indicates user can select or input text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-016-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-016.htm">cursor-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'wait'
|
|
<ul class="assert">
|
|
<li>Cursor 'wait' results in a cursor that indicates the page is busy and user needs to wait.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-017-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-017.htm">cursor-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'help'
|
|
<ul class="assert">
|
|
<li>Cursor 'help' results in a cursor that indicates help information is available.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-018-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-018.htm">cursor-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'progress'
|
|
<ul class="assert">
|
|
<li>Cursor 'progress' results in a cursor that indicates something is in progression.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-019-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-019.htm">cursor-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor set to 'inherit'
|
|
<ul class="assert">
|
|
<li>Cursor 'inherit' results in the same cursor value as the parent element has.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-001-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-001.htm">cursor-applies-to-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-row-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-002-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-002.htm">cursor-applies-to-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-header-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-003-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-003.htm">cursor-applies-to-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-footer-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-004-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-004.htm">cursor-applies-to-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-row'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-005-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-005.htm">cursor-applies-to-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-column-group'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-006-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-006.htm">cursor-applies-to-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-column'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-007-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-007.htm">cursor-applies-to-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-cell'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-008-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-008.htm">cursor-applies-to-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'inline'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-009-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-009.htm">cursor-applies-to-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'block'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-010-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-010.htm">cursor-applies-to-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'list-item'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a 'display' set to 'list-item'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-011-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-011.htm">cursor-applies-to-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'run-in'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-012-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-012.htm">cursor-applies-to-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'inline-block'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-013-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-013.htm">cursor-applies-to-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-014-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-014.htm">cursor-applies-to-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'inline-table'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="cursor-applies-to-015-18.1.#propdef-cursor" class="interact">
|
|
<td>
|
|
<a href="cursor-applies-to-015.htm">cursor-applies-to-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Cursor applied to element with 'display' set to 'table-caption'
|
|
<ul class="assert">
|
|
<li>The 'cursor' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.1.#x1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s18.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s18.2">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/ui.html#system-colors">18.2 System Colors</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="system-colors-001-18.2" class="">
|
|
<td>
|
|
<a href="system-colors-001.htm">system-colors-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS Colours: Highlight and HighlightText
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s18.3">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/ui.html#system-fonts">18.3 User preferences for fonts</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s18.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s18.4">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the 'outline' property</a></th></tr>
|
|
<!-- 314 tests -->
|
|
<tr id="outline-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-001.htm">outline-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: one value with outline-color
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-002.htm">outline-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: one value with outline-style
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-003.htm">outline-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: one value with outline-width
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-004.htm">outline-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-color outline-style'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-005.htm">outline-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-color outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-006.htm">outline-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-style outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-007-18.4" class="">
|
|
<td>
|
|
<a href="outline-007.htm">outline-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-style outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-008-18.4" class="">
|
|
<td>
|
|
<a href="outline-008.htm">outline-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-width outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-009-18.4" class="">
|
|
<td>
|
|
<a href="outline-009.htm">outline-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-width outline-style'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-010-18.4" class="">
|
|
<td>
|
|
<a href="outline-010.htm">outline-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-color outline-style outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color style width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-011-18.4" class="">
|
|
<td>
|
|
<a href="outline-011.htm">outline-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-color outline-width outline-style'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color width style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-012-18.4" class="">
|
|
<td>
|
|
<a href="outline-012.htm">outline-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-style outline-color outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style color width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-013-18.4" class="">
|
|
<td>
|
|
<a href="outline-013.htm">outline-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-style outline-width outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style width color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-014-18.4" class="">
|
|
<td>
|
|
<a href="outline-014.htm">outline-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-width outline-color outline-style'
|
|
<ul class="assert">
|
|
<li>Outline specified in the form of 'width color style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-015-18.4" class="">
|
|
<td>
|
|
<a href="outline-015.htm">outline-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-width outline-style outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width style color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-016-18.4" class="">
|
|
<td>
|
|
<a href="outline-016.htm">outline-016</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: inherit with one value
|
|
<ul class="assert">
|
|
<li>Outline with value inherit uses its parent's outline values (1 value).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-017-18.4" class="">
|
|
<td>
|
|
<a href="outline-017.htm">outline-017</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: inherit with two values
|
|
<ul class="assert">
|
|
<li>Outline with value inherit uses its parent's outline values (2 values).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-018-18.4" class="">
|
|
<td>
|
|
<a href="outline-018.htm">outline-018</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: inherit with three values
|
|
<ul class="assert">
|
|
<li>Outline with value inherit uses its parent's outline values (3 values).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-019-18.4" class="ahem interact">
|
|
<td>
|
|
<a href="outline-019.htm">outline-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>outline - text-align
|
|
<ul class="assert">
|
|
<li>The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-020-18.4" class="ahem interact">
|
|
<td>
|
|
<a href="outline-020.htm">outline-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>outline - text-align
|
|
<ul class="assert">
|
|
<li>The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-001.htm">outline-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-002.htm">outline-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-003.htm">outline-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-004.htm">outline-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-005.htm">outline-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-006.htm">outline-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-007-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-007.htm">outline-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-008-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-008.htm">outline-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-009-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-009.htm">outline-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-010-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-010.htm">outline-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-011-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-011.htm">outline-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-012-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-012.htm">outline-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-013-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-013.htm">outline-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-014-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-014.htm">outline-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-015-18.4" class="">
|
|
<td>
|
|
<a href="outline-applies-to-015.htm">outline-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-001-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-001.htm">outline-color-001</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00000'
|
|
<ul class="assert">
|
|
<li>Outline color #00000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-002.htm">outline-color-002</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000000'
|
|
<ul class="assert">
|
|
<li>Outline color #000000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-003.htm">outline-color-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#010101'
|
|
<ul class="assert">
|
|
<li>Outline color #010101 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-004.htm">outline-color-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#999999'
|
|
<ul class="assert">
|
|
<li>Outline color #999999 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-005.htm">outline-color-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#fefefe'
|
|
<ul class="assert">
|
|
<li>Outline color #fefefe renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-006.htm">outline-color-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#ffffff'
|
|
<ul class="assert">
|
|
<li>Outline color #ffffff renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-007-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-007.htm">outline-color-007</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#1000000'
|
|
<ul class="assert">
|
|
<li>Outline color #1000000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-008-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-008.htm">outline-color-008</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#fgfgfg'
|
|
<ul class="assert">
|
|
<li>Outline color #fgfgfg (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-009-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-009.htm">outline-color-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#010000'
|
|
<ul class="assert">
|
|
<li>Outline color #010000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-010-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-010.htm">outline-color-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#990000'
|
|
<ul class="assert">
|
|
<li>Outline color #990000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-011-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-011.htm">outline-color-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#fe0000'
|
|
<ul class="assert">
|
|
<li>Outline color #fe0000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-012-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-012.htm">outline-color-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#ff0000'
|
|
<ul class="assert">
|
|
<li>Outline color #ff0000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-013-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-013.htm">outline-color-013</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#fg0000'
|
|
<ul class="assert">
|
|
<li>Outline color #fg0000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-014-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-014.htm">outline-color-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000100'
|
|
<ul class="assert">
|
|
<li>Outline color #000100 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-015-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-015.htm">outline-color-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#009900'
|
|
<ul class="assert">
|
|
<li>Outline color #009900 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-016-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-016.htm">outline-color-016</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00fe00'
|
|
<ul class="assert">
|
|
<li>Outline color #00fe00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-017-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-017.htm">outline-color-017</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00ff00'
|
|
<ul class="assert">
|
|
<li>Outline color #00ff00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-018-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-018.htm">outline-color-018</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00fg00'
|
|
<ul class="assert">
|
|
<li>Outline color #00fg00 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-019-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-019.htm">outline-color-019</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000001'
|
|
<ul class="assert">
|
|
<li>Outline color #000001 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-020-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-020.htm">outline-color-020</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000099'
|
|
<ul class="assert">
|
|
<li>Outline color #000099 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-021-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-021.htm">outline-color-021</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0000fe'
|
|
<ul class="assert">
|
|
<li>Outline color #0000fe renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-022-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-022.htm">outline-color-022</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0000ff'
|
|
<ul class="assert">
|
|
<li>Outline color #0000ff renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-023-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-023.htm">outline-color-023</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#0000fg'
|
|
<ul class="assert">
|
|
<li>Outline color #0000fg (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-024-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-024.htm">outline-color-024</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00'
|
|
<ul class="assert">
|
|
<li>Outline color #00 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-025-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-025.htm">outline-color-025</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000'
|
|
<ul class="assert">
|
|
<li>Outline color #000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-026-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-026.htm">outline-color-026</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#111'
|
|
<ul class="assert">
|
|
<li>Outline color #111 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-027-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-027.htm">outline-color-027</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#999'
|
|
<ul class="assert">
|
|
<li>Outline color #999 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-028-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-028.htm">outline-color-028</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#eee'
|
|
<ul class="assert">
|
|
<li>Outline color #eee renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-029-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-029.htm">outline-color-029</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#fff'
|
|
<ul class="assert">
|
|
<li>Outline color #fff renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-030-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-030.htm">outline-color-030</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#1000'
|
|
<ul class="assert">
|
|
<li>Outline color #1000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-031-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-031.htm">outline-color-031</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#ggg'
|
|
<ul class="assert">
|
|
<li>Outline color #ggg (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-032-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-032.htm">outline-color-032</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#100'
|
|
<ul class="assert">
|
|
<li>Outline color #100 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-033-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-033.htm">outline-color-033</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#900'
|
|
<ul class="assert">
|
|
<li>Outline color #900 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-034-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-034.htm">outline-color-034</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#e00'
|
|
<ul class="assert">
|
|
<li>Outline color #e00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-035-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-035.htm">outline-color-035</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#f00'
|
|
<ul class="assert">
|
|
<li>Outline color #f00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-036-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-036.htm">outline-color-036</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#g00'
|
|
<ul class="assert">
|
|
<li>Outline color #g00 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-037-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-037.htm">outline-color-037</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#010'
|
|
<ul class="assert">
|
|
<li>Outline color #010 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-038-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-038.htm">outline-color-038</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#090'
|
|
<ul class="assert">
|
|
<li>Outline color #090 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-039-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-039.htm">outline-color-039</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0e0'
|
|
<ul class="assert">
|
|
<li>Outline color #0e0 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-040-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-040.htm">outline-color-040</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0f0'
|
|
<ul class="assert">
|
|
<li>Outline color #0f0 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-041-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-041.htm">outline-color-041</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#0g0'
|
|
<ul class="assert">
|
|
<li>Outline color #0g0 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-042-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-042.htm">outline-color-042</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#001'
|
|
<ul class="assert">
|
|
<li>Outline color #001 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-043-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-043.htm">outline-color-043</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#009'
|
|
<ul class="assert">
|
|
<li>Outline color #009 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-044-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-044.htm">outline-color-044</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00e'
|
|
<ul class="assert">
|
|
<li>Outline color #00e renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-045-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-045.htm">outline-color-045</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00f'
|
|
<ul class="assert">
|
|
<li>Outline color #00f renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-046-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-color-046.htm">outline-color-046</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00g'
|
|
<ul class="assert">
|
|
<li>Outline color #00g (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-047-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-047.htm">outline-color-047</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1%, -1%, -1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1%, -1%, -1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-048-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-048.htm">outline-color-048</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-049-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-049.htm">outline-color-049</a></td>
|
|
<td><a href="reference/outline-color-049-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1%, 1%, 1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1%, 1%, 1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-050-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-050.htm">outline-color-050</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0%, -0%, -0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0%, -0%, -0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-051-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-051.htm">outline-color-051</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0%, +0%, +0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0%, +0%, +0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-052-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-052.htm">outline-color-052</a></td>
|
|
<td><a href="reference/outline-color-052-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(40%, 40%, 40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(40%, 40%, 40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-053-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-053.htm">outline-color-053</a></td>
|
|
<td><a href="reference/outline-color-052-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+40%, +40%, +40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+40%, +40%, +40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-054-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-054.htm">outline-color-054</a></td>
|
|
<td><a href="reference/outline-color-054-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(99%, 99%, 99%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(99%, 99%, 99%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-055-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-055.htm">outline-color-055</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(100%, 100%, 100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(100%, 100%, 100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-056-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-056.htm">outline-color-056</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+100%, +100%, +100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+100%, +100%, +100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-057-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-057.htm">outline-color-057</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(101%, 101%, 101%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(101%, 101%, 101%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-058-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-058.htm">outline-color-058</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1, -1, -1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1, -1, -1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-059-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-059.htm">outline-color-059</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-060-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-060.htm">outline-color-060</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1, 1, 1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1, 1, 1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-061-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-061.htm">outline-color-061</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0, -0, -0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0, -0, -0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-062-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-062.htm">outline-color-062</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0, +0, +0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0, +0, +0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-063-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-063.htm">outline-color-063</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(128, 128, 128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(128, 128, 128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-064-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-064.htm">outline-color-064</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+128, +128, +128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+128, +128, +128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-065-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-065.htm">outline-color-065</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(254, 254, 254)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(254, 254, 254) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-066-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-066.htm">outline-color-066</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(255, 255, 255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(255, 255, 255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-067-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-067.htm">outline-color-067</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+255, +255, +255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+255, +255, +255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-068-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-068.htm">outline-color-068</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(256, 256, 256)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(256, 256, 256) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-069-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-069.htm">outline-color-069</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-070-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-070.htm">outline-color-070</a></td>
|
|
<td><a href="reference/outline-color-070-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-071-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-071.htm">outline-color-071</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-072-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-072.htm">outline-color-072</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-073-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-073.htm">outline-color-073</a></td>
|
|
<td><a href="reference/outline-color-073-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(40%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(40%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-074-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-074.htm">outline-color-074</a></td>
|
|
<td><a href="reference/outline-color-073-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+40%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+40%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-075-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-075.htm">outline-color-075</a></td>
|
|
<td><a href="reference/outline-color-075-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(99%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(99%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-076-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-076.htm">outline-color-076</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(100%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(100%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-077-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-077.htm">outline-color-077</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+100%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+100%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-078-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-078.htm">outline-color-078</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(101%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(101%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-079-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-079.htm">outline-color-079</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-080-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-080.htm">outline-color-080</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-081-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-081.htm">outline-color-081</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-082-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-082.htm">outline-color-082</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-083-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-083.htm">outline-color-083</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(128, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(128, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-084-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-084.htm">outline-color-084</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+128, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+128, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-085-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-085.htm">outline-color-085</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(254, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(254, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-086-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-086.htm">outline-color-086</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(255, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(255, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-087-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-087.htm">outline-color-087</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+255, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+255, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-088-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-088.htm">outline-color-088</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(256, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(256, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-089-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-089.htm">outline-color-089</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, -1%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, -1%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-090-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-090.htm">outline-color-090</a></td>
|
|
<td><a href="reference/outline-color-090-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 1%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 1%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-091-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-091.htm">outline-color-091</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, -0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, -0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-092-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-092.htm">outline-color-092</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, +0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, +0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-093-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-093.htm">outline-color-093</a></td>
|
|
<td><a href="reference/outline-color-093-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 40%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 40%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-094-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-094.htm">outline-color-094</a></td>
|
|
<td><a href="reference/outline-color-093-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, +40%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, +40%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-095-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-095.htm">outline-color-095</a></td>
|
|
<td><a href="reference/outline-color-095-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 99%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 99%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-096-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-096.htm">outline-color-096</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 100%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 100%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-097-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-097.htm">outline-color-097</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, +100%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, +100%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-098-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-098.htm">outline-color-098</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 101%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 101%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-099-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-099.htm">outline-color-099</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, -1, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, -1, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-100-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-100.htm">outline-color-100</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 1, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 1, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-101-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-101.htm">outline-color-101</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, -0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, -0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-102-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-102.htm">outline-color-102</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, +0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, +0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-103-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-103.htm">outline-color-103</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 128, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 128, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-104-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-104.htm">outline-color-104</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, +128, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, +128, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-105-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-105.htm">outline-color-105</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 254, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 254, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-106-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-106.htm">outline-color-106</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 255, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 255, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-107-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-107.htm">outline-color-107</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, +255, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, +255, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-108-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-108.htm">outline-color-108</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 256, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 256, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-109-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-109.htm">outline-color-109</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, -1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, -1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-110-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-110.htm">outline-color-110</a></td>
|
|
<td><a href="reference/outline-color-110-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-111-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-111.htm">outline-color-111</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, -0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, -0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-112-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-112.htm">outline-color-112</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, +0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, +0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-113-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-113.htm">outline-color-113</a></td>
|
|
<td><a href="reference/outline-color-113-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-114-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-114.htm">outline-color-114</a></td>
|
|
<td><a href="reference/outline-color-113-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, +40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, +40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-115-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-115.htm">outline-color-115</a></td>
|
|
<td><a href="reference/outline-color-115-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 99%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 99%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-116-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-116.htm">outline-color-116</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-117-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-117.htm">outline-color-117</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, +100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, +100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-118-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-118.htm">outline-color-118</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 101%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 101%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-119-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-119.htm">outline-color-119</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, -1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, -1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-120-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-120.htm">outline-color-120</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-121-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-121.htm">outline-color-121</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, -0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, -0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-122-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-122.htm">outline-color-122</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, +0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, +0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-123-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-123.htm">outline-color-123</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-124-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-124.htm">outline-color-124</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, +128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, +128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-125-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-125.htm">outline-color-125</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 254)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 254) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-126-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-126.htm">outline-color-126</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-127-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-127.htm">outline-color-127</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, +255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, +255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-128-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-128.htm">outline-color-128</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 256)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 256) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-129-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-129.htm">outline-color-129</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'aqua'
|
|
<ul class="assert">
|
|
<li>Outline color aqua renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-130-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-130.htm">outline-color-130</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'black'
|
|
<ul class="assert">
|
|
<li>Outline color black renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-131-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-131.htm">outline-color-131</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'blue'
|
|
<ul class="assert">
|
|
<li>Outline color blue renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-132-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-132.htm">outline-color-132</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'fuchsia'
|
|
<ul class="assert">
|
|
<li>Outline color fuchsia renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-133-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-133.htm">outline-color-133</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'gray'
|
|
<ul class="assert">
|
|
<li>Outline color gray renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-134-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-134.htm">outline-color-134</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'green'
|
|
<ul class="assert">
|
|
<li>Outline color green renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-135-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-135.htm">outline-color-135</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'lime'
|
|
<ul class="assert">
|
|
<li>Outline color lime renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-136-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-136.htm">outline-color-136</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'maroon'
|
|
<ul class="assert">
|
|
<li>Outline color maroon renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-137-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-137.htm">outline-color-137</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'navy'
|
|
<ul class="assert">
|
|
<li>Outline color navy renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-138-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-138.htm">outline-color-138</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'olive'
|
|
<ul class="assert">
|
|
<li>Outline color olive renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-139-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-139.htm">outline-color-139</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'orange'
|
|
<ul class="assert">
|
|
<li>Outline color orange renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-140-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-140.htm">outline-color-140</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'purple'
|
|
<ul class="assert">
|
|
<li>Outline color purple renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-141-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-141.htm">outline-color-141</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'red'
|
|
<ul class="assert">
|
|
<li>Outline color red renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-142-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-142.htm">outline-color-142</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'silver'
|
|
<ul class="assert">
|
|
<li>Outline color silver renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-143-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-143.htm">outline-color-143</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'teal'
|
|
<ul class="assert">
|
|
<li>Outline color teal renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-144-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-144.htm">outline-color-144</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'white'
|
|
<ul class="assert">
|
|
<li>Outline color white renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-145-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-145.htm">outline-color-145</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'yellow'
|
|
<ul class="assert">
|
|
<li>Outline color yellow renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-174-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-174.htm">outline-color-174</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline color set to 'invert'
|
|
<ul class="assert">
|
|
<li>Outline color 'invert' makes outline visible on any background color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-175-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-175.htm">outline-color-175</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'inherit'
|
|
<ul class="assert">
|
|
<li>Outline color inherit renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-001.htm">outline-color-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-002.htm">outline-color-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-003.htm">outline-color-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-004.htm">outline-color-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-005.htm">outline-color-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-006.htm">outline-color-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-007-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-007.htm">outline-color-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-008-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-008.htm">outline-color-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-009-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-009.htm">outline-color-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-010-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-010.htm">outline-color-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-011-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-011.htm">outline-color-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-012-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-012.htm">outline-color-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-013-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-013.htm">outline-color-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-014-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-014.htm">outline-color-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-015-18.4" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-015.htm">outline-color-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-individual-001-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-individual-001.htm">outline-individual-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-top is not valid
|
|
<ul class="assert">
|
|
<li>Outline does not support setting individual values for the outline like 'outline-top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-individual-002-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-individual-002.htm">outline-individual-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-left is not valid
|
|
<ul class="assert">
|
|
<li>Outline does not support setting individual values for the outline like 'outline-left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-individual-003-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-individual-003.htm">outline-individual-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-bottom is not valid
|
|
<ul class="assert">
|
|
<li>Outline does not support setting individual values for the outline like 'outline-bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-individual-004-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-individual-004.htm">outline-individual-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-right is not valid
|
|
<ul class="assert">
|
|
<li>Outline does not support setting individual values for the outline like 'outline-right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-layout-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-layout-001.htm">outline-layout-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outlines and box layout
|
|
<ul class="assert">
|
|
<li>Outlines do not affect box layout.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-layout-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-layout-002.htm">outline-layout-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline and text layout
|
|
<ul class="assert">
|
|
<li>Outlines are visual indications that do not affect layout of other elements or text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-layout-003-18.4" class="may">
|
|
<td>
|
|
<a href="outline-layout-003.htm">outline-layout-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>Outline and border placement
|
|
<ul class="assert">
|
|
<li>Outline may be drawn directly outside of the border.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-layout-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-layout-004.htm">outline-layout-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline is connected and closed
|
|
<ul class="assert">
|
|
<li>Outline is connected and encloses the appropriate content.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-layout-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-layout-005.htm">outline-layout-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline is the same on all sides
|
|
<ul class="assert">
|
|
<li>Outline is the same on all sides.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-layout-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-layout-006.htm">outline-layout-006</a></td>
|
|
<td><a href="reference/outline-layout-006-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>outline - minimum that encloses all the element's boxes
|
|
<ul class="assert">
|
|
<li>The outline of an element is the minimum outline that encloses all the element's boxes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-no-relayout-001-18.4" class="dom interact">
|
|
<td>
|
|
<a href="outline-no-relayout-001.htm">outline-no-relayout-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Outline-width is changed via script
|
|
<ul class="assert">
|
|
<li>Scripts can change outline width, without causing a reflow.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-overlap-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-overlap-001.htm">outline-overlap-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline overlaps with other elements
|
|
<ul class="assert">
|
|
<li>Outline can overlap with other elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-001.htm">outline-style-001</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-style set to 'none'
|
|
<ul class="assert">
|
|
<li>Outline style 'none' results in no outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-002.htm">outline-style-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'dotted'
|
|
<ul class="assert">
|
|
<li>Outline style 'dotted' results in a dotted outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-003.htm">outline-style-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'dashed'
|
|
<ul class="assert">
|
|
<li>Outline style 'dashed' results in a dashed outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-004.htm">outline-style-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'solid'
|
|
<ul class="assert">
|
|
<li>Outline style 'solid' results in a solid outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-005.htm">outline-style-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'double'
|
|
<ul class="assert">
|
|
<li>Outline style 'double' results in a double-line outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-006.htm">outline-style-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'groove'
|
|
<ul class="assert">
|
|
<li>Outline style 'groove' results in a carved outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-007-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-007.htm">outline-style-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'ridge'
|
|
<ul class="assert">
|
|
<li>Outline style 'ridge' results in a ridged outline (as if it were a bump around the box).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-008-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-008.htm">outline-style-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'inset'
|
|
<ul class="assert">
|
|
<li>Outline style 'inset' results in a sunken box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-009-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-009.htm">outline-style-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'outset'
|
|
<ul class="assert">
|
|
<li>Outline style 'outset' results in a raised box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-010-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-010.htm">outline-style-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'inherit'
|
|
<ul class="assert">
|
|
<li>Outline-style with value 'inherit' uses its parent's outline-style value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-001.htm">outline-style-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-002.htm">outline-style-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-003.htm">outline-style-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-004.htm">outline-style-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-005.htm">outline-style-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-006.htm">outline-style-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-007-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-007.htm">outline-style-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-008-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-008.htm">outline-style-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-009-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-009.htm">outline-style-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-010-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-010.htm">outline-style-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-011-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-011.htm">outline-style-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-012-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-012.htm">outline-style-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-013-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-013.htm">outline-style-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-014-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-014.htm">outline-style-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-015-18.4" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-015.htm">outline-style-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-hidden-001-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-style-hidden-001.htm">outline-style-hidden-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-style set to 'hidden'
|
|
<ul class="assert">
|
|
<li>Outline style does not support the 'border-style' value of 'hidden'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-001-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-001.htm">outline-width-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in pixels and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-002.htm">outline-width-002</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width set to a minimum value for pixels
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in pixels that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-003.htm">outline-width-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in pixels that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-004.htm">outline-width-004</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in pixels that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-005.htm">outline-width-005</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in pixels that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-006.htm">outline-width-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in pixels that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-007-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-007.htm">outline-width-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in pixels that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-012-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-012.htm">outline-width-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width with a minimum minus one value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in points and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-013-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-013.htm">outline-width-013</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width with a minimum value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in points that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-014-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-014.htm">outline-width-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width with a minimum plus one value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in points that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-015-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-015.htm">outline-width-015</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width with a negative minimum value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in points that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-016-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-016.htm">outline-width-016</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width with a positive minimum value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in points that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-017-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-017.htm">outline-width-017</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5pt solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in points that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-018-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-018.htm">outline-width-018</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5pt solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in points that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-023-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-023.htm">outline-width-023</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in picas and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-024-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-024.htm">outline-width-024</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in picas that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-025-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-025.htm">outline-width-025</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in picas that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-026-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-026.htm">outline-width-026</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in picas that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-027-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-027.htm">outline-width-027</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in picas that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-028-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-028.htm">outline-width-028</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in picas that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-029-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-029.htm">outline-width-029</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in picas that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-034-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-034.htm">outline-width-034</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in centimeters and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-035-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-035.htm">outline-width-035</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in centimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-036-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-036.htm">outline-width-036</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in centimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-037-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-037.htm">outline-width-037</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in centimeters that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-038-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-038.htm">outline-width-038</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in centimeters that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-039-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-039.htm">outline-width-039</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in centimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-040-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-040.htm">outline-width-040</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in centimeters that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-045-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-045.htm">outline-width-045</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in millimeters and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-046-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-046.htm">outline-width-046</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in millimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-047-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-047.htm">outline-width-047</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in millimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-048-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-048.htm">outline-width-048</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in millimeters that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-049-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-049.htm">outline-width-049</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in millimeters that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-050-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-050.htm">outline-width-050</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in millimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-051-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-051.htm">outline-width-051</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in millimeters that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-056-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-056.htm">outline-width-056</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in inches and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-057-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-057.htm">outline-width-057</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in inches that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-058-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-058.htm">outline-width-058</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in inches that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-059-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-059.htm">outline-width-059</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in inches that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-060-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-060.htm">outline-width-060</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in inches that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-061-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-061.htm">outline-width-061</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 2in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in inches that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-062-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-062.htm">outline-width-062</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +2in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in inches that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-067-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-067.htm">outline-width-067</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in 'em' units and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-068-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-068.htm">outline-width-068</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'em' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-069-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-069.htm">outline-width-069</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in 'em' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-070-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-070.htm">outline-width-070</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'em' units that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-071-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-071.htm">outline-width-071</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'em' units that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-072-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-072.htm">outline-width-072</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'em' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-073-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-073.htm">outline-width-073</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'em' units that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-078-18.4" class="invalid">
|
|
<td>
|
|
<a href="outline-width-078.htm">outline-width-078</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in 'ex' units and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-079-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-079.htm">outline-width-079</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'ex' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-080-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-080.htm">outline-width-080</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in 'ex' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-081-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-081.htm">outline-width-081</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-082-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-082.htm">outline-width-082</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-083-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-083.htm">outline-width-083</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'ex' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-084-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-084.htm">outline-width-084</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'ex' units that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-089-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-089.htm">outline-width-089</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0 solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value with no units that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-090-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-090.htm">outline-width-090</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0 solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value with no units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-091-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-091.htm">outline-width-091</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0 solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value with no units that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-092-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-092.htm">outline-width-092</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a thin solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'thin'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-093-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-093.htm">outline-width-093</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a medium solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'medium'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-094-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-094.htm">outline-width-094</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a thick solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'thick'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-095-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-095.htm">outline-width-095</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width set to 'inherit'
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'inherit' and gets its computed value from its parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-096-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-096.htm">outline-width-096</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>outline-width - 'outline-style: none' and inherit
|
|
<ul class="assert">
|
|
<li>The computed value of 'outline-width' property is '0' if 'outline-style' is 'none'</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-001-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-001.htm">outline-width-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-002-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-002.htm">outline-width-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-003-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-003.htm">outline-width-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-004-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-004.htm">outline-width-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-005-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-005.htm">outline-width-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-006-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-006.htm">outline-width-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-007-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-007.htm">outline-width-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-008-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-008.htm">outline-width-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-009-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-009.htm">outline-width-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-010-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-010.htm">outline-width-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-011-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-011.htm">outline-width-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-012-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-012.htm">outline-width-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-013-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-013.htm">outline-width-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-014-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-014.htm">outline-width-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-015-18.4" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-015.htm">outline-width-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.4.#propdef-outline">
|
|
<!-- 33 tests -->
|
|
<tr id="outline-001-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-001.htm">outline-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: one value with outline-color
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-002-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-002.htm">outline-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: one value with outline-style
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-003-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-003.htm">outline-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: one value with outline-width
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-004-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-004.htm">outline-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-color outline-style'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-005-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-005.htm">outline-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-color outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-006-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-006.htm">outline-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-style outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-007-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-007.htm">outline-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-style outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-008-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-008.htm">outline-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-width outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-009-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-009.htm">outline-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: two values in the order of 'outline-width outline-style'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-010-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-010.htm">outline-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-color outline-style outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color style width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-011-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-011.htm">outline-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-color outline-width outline-style'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'color width style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-012-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-012.htm">outline-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-style outline-color outline-width'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style color width' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-013-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-013.htm">outline-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-style outline-width outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'style width color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-014-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-014.htm">outline-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-width outline-color outline-style'
|
|
<ul class="assert">
|
|
<li>Outline specified in the form of 'width color style' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-015-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-015.htm">outline-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: three values in the order of 'outline-width outline-style outline-color'
|
|
<ul class="assert">
|
|
<li>Outline value specified in the form of 'width style color' is correctly applied.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-016-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-016.htm">outline-016</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: inherit with one value
|
|
<ul class="assert">
|
|
<li>Outline with value inherit uses its parent's outline values (1 value).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-017-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-017.htm">outline-017</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: inherit with two values
|
|
<ul class="assert">
|
|
<li>Outline with value inherit uses its parent's outline values (2 values).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-018-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-018.htm">outline-018</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline: inherit with three values
|
|
<ul class="assert">
|
|
<li>Outline with value inherit uses its parent's outline values (3 values).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-001-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-001.htm">outline-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-002-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-002.htm">outline-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-003-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-003.htm">outline-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-004-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-004.htm">outline-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-005-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-005.htm">outline-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-006-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-006.htm">outline-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-007-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-007.htm">outline-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-008-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-008.htm">outline-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-009-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-009.htm">outline-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-010-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-010.htm">outline-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-011-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-011.htm">outline-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-012-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-012.htm">outline-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-013-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-013.htm">outline-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-014-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-014.htm">outline-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-applies-to-015-18.4.#propdef-outline" class="">
|
|
<td>
|
|
<a href="outline-applies-to-015.htm">outline-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.4.#propdef-outline-color">
|
|
<!-- 162 tests -->
|
|
<tr id="outline-color-001-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-001.htm">outline-color-001</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00000'
|
|
<ul class="assert">
|
|
<li>Outline color #00000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-002-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-002.htm">outline-color-002</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000000'
|
|
<ul class="assert">
|
|
<li>Outline color #000000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-003-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-003.htm">outline-color-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#010101'
|
|
<ul class="assert">
|
|
<li>Outline color #010101 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-004-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-004.htm">outline-color-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#999999'
|
|
<ul class="assert">
|
|
<li>Outline color #999999 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-005-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-005.htm">outline-color-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#fefefe'
|
|
<ul class="assert">
|
|
<li>Outline color #fefefe renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-006-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-006.htm">outline-color-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#ffffff'
|
|
<ul class="assert">
|
|
<li>Outline color #ffffff renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-007-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-007.htm">outline-color-007</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#1000000'
|
|
<ul class="assert">
|
|
<li>Outline color #1000000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-008-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-008.htm">outline-color-008</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#fgfgfg'
|
|
<ul class="assert">
|
|
<li>Outline color #fgfgfg (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-009-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-009.htm">outline-color-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#010000'
|
|
<ul class="assert">
|
|
<li>Outline color #010000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-010-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-010.htm">outline-color-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#990000'
|
|
<ul class="assert">
|
|
<li>Outline color #990000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-011-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-011.htm">outline-color-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#fe0000'
|
|
<ul class="assert">
|
|
<li>Outline color #fe0000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-012-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-012.htm">outline-color-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#ff0000'
|
|
<ul class="assert">
|
|
<li>Outline color #ff0000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-013-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-013.htm">outline-color-013</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#fg0000'
|
|
<ul class="assert">
|
|
<li>Outline color #fg0000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-014-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-014.htm">outline-color-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000100'
|
|
<ul class="assert">
|
|
<li>Outline color #000100 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-015-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-015.htm">outline-color-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#009900'
|
|
<ul class="assert">
|
|
<li>Outline color #009900 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-016-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-016.htm">outline-color-016</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00fe00'
|
|
<ul class="assert">
|
|
<li>Outline color #00fe00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-017-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-017.htm">outline-color-017</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00ff00'
|
|
<ul class="assert">
|
|
<li>Outline color #00ff00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-018-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-018.htm">outline-color-018</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00fg00'
|
|
<ul class="assert">
|
|
<li>Outline color #00fg00 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-019-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-019.htm">outline-color-019</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000001'
|
|
<ul class="assert">
|
|
<li>Outline color #000001 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-020-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-020.htm">outline-color-020</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000099'
|
|
<ul class="assert">
|
|
<li>Outline color #000099 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-021-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-021.htm">outline-color-021</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0000fe'
|
|
<ul class="assert">
|
|
<li>Outline color #0000fe renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-022-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-022.htm">outline-color-022</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0000ff'
|
|
<ul class="assert">
|
|
<li>Outline color #0000ff renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-023-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-023.htm">outline-color-023</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#0000fg'
|
|
<ul class="assert">
|
|
<li>Outline color #0000fg (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-024-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-024.htm">outline-color-024</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00'
|
|
<ul class="assert">
|
|
<li>Outline color #00 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-025-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-025.htm">outline-color-025</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to '#000'
|
|
<ul class="assert">
|
|
<li>Outline color #000 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-026-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-026.htm">outline-color-026</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#111'
|
|
<ul class="assert">
|
|
<li>Outline color #111 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-027-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-027.htm">outline-color-027</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#999'
|
|
<ul class="assert">
|
|
<li>Outline color #999 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-028-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-028.htm">outline-color-028</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#eee'
|
|
<ul class="assert">
|
|
<li>Outline color #eee renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-029-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-029.htm">outline-color-029</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#fff'
|
|
<ul class="assert">
|
|
<li>Outline color #fff renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-030-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-030.htm">outline-color-030</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#1000'
|
|
<ul class="assert">
|
|
<li>Outline color #1000 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-031-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-031.htm">outline-color-031</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#ggg'
|
|
<ul class="assert">
|
|
<li>Outline color #ggg (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-032-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-032.htm">outline-color-032</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#100'
|
|
<ul class="assert">
|
|
<li>Outline color #100 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-033-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-033.htm">outline-color-033</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#900'
|
|
<ul class="assert">
|
|
<li>Outline color #900 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-034-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-034.htm">outline-color-034</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#e00'
|
|
<ul class="assert">
|
|
<li>Outline color #e00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-035-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-035.htm">outline-color-035</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#f00'
|
|
<ul class="assert">
|
|
<li>Outline color #f00 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-036-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-036.htm">outline-color-036</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#g00'
|
|
<ul class="assert">
|
|
<li>Outline color #g00 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-037-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-037.htm">outline-color-037</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#010'
|
|
<ul class="assert">
|
|
<li>Outline color #010 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-038-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-038.htm">outline-color-038</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#090'
|
|
<ul class="assert">
|
|
<li>Outline color #090 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-039-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-039.htm">outline-color-039</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0e0'
|
|
<ul class="assert">
|
|
<li>Outline color #0e0 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-040-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-040.htm">outline-color-040</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#0f0'
|
|
<ul class="assert">
|
|
<li>Outline color #0f0 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-041-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-041.htm">outline-color-041</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#0g0'
|
|
<ul class="assert">
|
|
<li>Outline color #0g0 (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-042-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-042.htm">outline-color-042</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#001'
|
|
<ul class="assert">
|
|
<li>Outline color #001 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-043-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-043.htm">outline-color-043</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#009'
|
|
<ul class="assert">
|
|
<li>Outline color #009 renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-044-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-044.htm">outline-color-044</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00e'
|
|
<ul class="assert">
|
|
<li>Outline color #00e renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-045-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-045.htm">outline-color-045</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to '#00f'
|
|
<ul class="assert">
|
|
<li>Outline color #00f renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-046-18.4.#propdef-outline-color" class="invalid">
|
|
<td>
|
|
<a href="outline-color-046.htm">outline-color-046</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-color set to '#00g'
|
|
<ul class="assert">
|
|
<li>Outline color #00g (invalid) falls back to a default color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-047-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-047.htm">outline-color-047</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1%, -1%, -1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1%, -1%, -1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-048-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-048.htm">outline-color-048</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-049-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-049.htm">outline-color-049</a></td>
|
|
<td><a href="reference/outline-color-049-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1%, 1%, 1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1%, 1%, 1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-050-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-050.htm">outline-color-050</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0%, -0%, -0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0%, -0%, -0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-051-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-051.htm">outline-color-051</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0%, +0%, +0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0%, +0%, +0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-052-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-052.htm">outline-color-052</a></td>
|
|
<td><a href="reference/outline-color-052-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(40%, 40%, 40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(40%, 40%, 40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-053-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-053.htm">outline-color-053</a></td>
|
|
<td><a href="reference/outline-color-052-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+40%, +40%, +40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+40%, +40%, +40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-054-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-054.htm">outline-color-054</a></td>
|
|
<td><a href="reference/outline-color-054-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(99%, 99%, 99%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(99%, 99%, 99%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-055-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-055.htm">outline-color-055</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(100%, 100%, 100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(100%, 100%, 100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-056-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-056.htm">outline-color-056</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+100%, +100%, +100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+100%, +100%, +100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-057-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-057.htm">outline-color-057</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(101%, 101%, 101%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(101%, 101%, 101%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-058-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-058.htm">outline-color-058</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1, -1, -1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1, -1, -1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-059-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-059.htm">outline-color-059</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-060-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-060.htm">outline-color-060</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1, 1, 1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1, 1, 1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-061-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-061.htm">outline-color-061</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0, -0, -0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0, -0, -0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-062-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-062.htm">outline-color-062</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0, +0, +0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0, +0, +0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-063-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-063.htm">outline-color-063</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(128, 128, 128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(128, 128, 128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-064-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-064.htm">outline-color-064</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+128, +128, +128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+128, +128, +128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-065-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-065.htm">outline-color-065</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(254, 254, 254)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(254, 254, 254) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-066-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-066.htm">outline-color-066</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(255, 255, 255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(255, 255, 255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-067-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-067.htm">outline-color-067</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+255, +255, +255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+255, +255, +255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-068-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-068.htm">outline-color-068</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(256, 256, 256)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(256, 256, 256) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-069-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-069.htm">outline-color-069</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-070-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-070.htm">outline-color-070</a></td>
|
|
<td><a href="reference/outline-color-070-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-071-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-071.htm">outline-color-071</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-072-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-072.htm">outline-color-072</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-073-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-073.htm">outline-color-073</a></td>
|
|
<td><a href="reference/outline-color-073-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(40%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(40%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-074-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-074.htm">outline-color-074</a></td>
|
|
<td><a href="reference/outline-color-073-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+40%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+40%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-075-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-075.htm">outline-color-075</a></td>
|
|
<td><a href="reference/outline-color-075-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(99%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(99%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-076-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-076.htm">outline-color-076</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(100%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(100%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-077-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-077.htm">outline-color-077</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+100%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+100%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-078-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-078.htm">outline-color-078</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(101%, 0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(101%, 0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-079-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-079.htm">outline-color-079</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-1, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-1, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-080-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-080.htm">outline-color-080</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(1, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(1, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-081-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-081.htm">outline-color-081</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(-0, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(-0, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-082-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-082.htm">outline-color-082</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+0, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+0, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-083-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-083.htm">outline-color-083</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(128, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(128, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-084-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-084.htm">outline-color-084</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+128, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+128, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-085-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-085.htm">outline-color-085</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(254, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(254, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-086-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-086.htm">outline-color-086</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(255, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(255, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-087-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-087.htm">outline-color-087</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(+255, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(+255, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-088-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-088.htm">outline-color-088</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(256, 0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(256, 0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-089-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-089.htm">outline-color-089</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, -1%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, -1%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-090-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-090.htm">outline-color-090</a></td>
|
|
<td><a href="reference/outline-color-090-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 1%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 1%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-091-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-091.htm">outline-color-091</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, -0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, -0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-092-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-092.htm">outline-color-092</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, +0%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, +0%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-093-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-093.htm">outline-color-093</a></td>
|
|
<td><a href="reference/outline-color-093-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 40%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 40%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-094-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-094.htm">outline-color-094</a></td>
|
|
<td><a href="reference/outline-color-093-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, +40%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, +40%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-095-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-095.htm">outline-color-095</a></td>
|
|
<td><a href="reference/outline-color-095-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 99%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 99%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-096-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-096.htm">outline-color-096</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 100%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 100%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-097-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-097.htm">outline-color-097</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, +100%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, +100%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-098-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-098.htm">outline-color-098</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 101%, 0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 101%, 0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-099-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-099.htm">outline-color-099</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, -1, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, -1, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-100-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-100.htm">outline-color-100</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 1, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 1, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-101-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-101.htm">outline-color-101</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, -0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, -0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-102-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-102.htm">outline-color-102</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, +0, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, +0, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-103-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-103.htm">outline-color-103</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 128, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 128, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-104-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-104.htm">outline-color-104</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, +128, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, +128, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-105-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-105.htm">outline-color-105</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 254, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 254, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-106-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-106.htm">outline-color-106</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 255, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 255, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-107-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-107.htm">outline-color-107</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, +255, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, +255, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-108-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-108.htm">outline-color-108</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 256, 0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 256, 0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-109-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-109.htm">outline-color-109</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, -1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, -1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-110-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-110.htm">outline-color-110</a></td>
|
|
<td><a href="reference/outline-color-110-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 1%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 1%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-111-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-111.htm">outline-color-111</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, -0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, -0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-112-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-112.htm">outline-color-112</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, +0%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, +0%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-113-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-113.htm">outline-color-113</a></td>
|
|
<td><a href="reference/outline-color-113-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-114-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-114.htm">outline-color-114</a></td>
|
|
<td><a href="reference/outline-color-113-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, +40%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, +40%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-115-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-115.htm">outline-color-115</a></td>
|
|
<td><a href="reference/outline-color-115-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 99%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 99%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-116-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-116.htm">outline-color-116</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-117-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-117.htm">outline-color-117</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, +100%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, +100%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-118-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-118.htm">outline-color-118</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0%, 0%, 101%)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0%, 0%, 101%) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-119-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-119.htm">outline-color-119</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, -1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, -1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-120-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-120.htm">outline-color-120</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 1)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 1) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-121-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-121.htm">outline-color-121</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, -0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, -0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-122-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-122.htm">outline-color-122</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, +0)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, +0) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-123-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-123.htm">outline-color-123</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-124-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-124.htm">outline-color-124</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, +128)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, +128) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-125-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-125.htm">outline-color-125</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 254)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 254) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-126-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-126.htm">outline-color-126</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-127-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-127.htm">outline-color-127</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, +255)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, +255) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-128-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-128.htm">outline-color-128</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'rgb(0, 0, 256)'
|
|
<ul class="assert">
|
|
<li>Outline color rgb(0, 0, 256) renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-129-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-129.htm">outline-color-129</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'aqua'
|
|
<ul class="assert">
|
|
<li>Outline color aqua renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-130-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-130.htm">outline-color-130</a></td>
|
|
<td><a href="reference/boxes_same_color_100px_black_50px_margin.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color set to 'black'
|
|
<ul class="assert">
|
|
<li>Outline color black renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-131-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-131.htm">outline-color-131</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'blue'
|
|
<ul class="assert">
|
|
<li>Outline color blue renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-132-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-132.htm">outline-color-132</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'fuchsia'
|
|
<ul class="assert">
|
|
<li>Outline color fuchsia renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-133-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-133.htm">outline-color-133</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'gray'
|
|
<ul class="assert">
|
|
<li>Outline color gray renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-134-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-134.htm">outline-color-134</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'green'
|
|
<ul class="assert">
|
|
<li>Outline color green renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-135-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-135.htm">outline-color-135</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'lime'
|
|
<ul class="assert">
|
|
<li>Outline color lime renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-136-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-136.htm">outline-color-136</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'maroon'
|
|
<ul class="assert">
|
|
<li>Outline color maroon renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-137-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-137.htm">outline-color-137</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'navy'
|
|
<ul class="assert">
|
|
<li>Outline color navy renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-138-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-138.htm">outline-color-138</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'olive'
|
|
<ul class="assert">
|
|
<li>Outline color olive renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-139-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-139.htm">outline-color-139</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'orange'
|
|
<ul class="assert">
|
|
<li>Outline color orange renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-140-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-140.htm">outline-color-140</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'purple'
|
|
<ul class="assert">
|
|
<li>Outline color purple renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-141-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-141.htm">outline-color-141</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'red'
|
|
<ul class="assert">
|
|
<li>Outline color red renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-142-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-142.htm">outline-color-142</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'silver'
|
|
<ul class="assert">
|
|
<li>Outline color silver renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-143-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-143.htm">outline-color-143</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'teal'
|
|
<ul class="assert">
|
|
<li>Outline color teal renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-144-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-144.htm">outline-color-144</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'white'
|
|
<ul class="assert">
|
|
<li>Outline color white renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-145-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-145.htm">outline-color-145</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'yellow'
|
|
<ul class="assert">
|
|
<li>Outline color yellow renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-174-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-174.htm">outline-color-174</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline color set to 'invert'
|
|
<ul class="assert">
|
|
<li>Outline color 'invert' makes outline visible on any background color.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-175-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-175.htm">outline-color-175</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color set to 'inherit'
|
|
<ul class="assert">
|
|
<li>Outline color inherit renders the correct outline color on the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-001-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-001.htm">outline-color-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-002-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-002.htm">outline-color-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-003-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-003.htm">outline-color-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-004-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-004.htm">outline-color-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-005-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-005.htm">outline-color-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-006-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-006.htm">outline-color-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-007-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-007.htm">outline-color-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-008-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-008.htm">outline-color-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-009-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-009.htm">outline-color-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-010-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-010.htm">outline-color-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-011-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-011.htm">outline-color-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-012-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-012.htm">outline-color-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-013-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-013.htm">outline-color-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-014-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-014.htm">outline-color-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-color-applies-to-015-18.4.#propdef-outline-color" class="">
|
|
<td>
|
|
<a href="outline-color-applies-to-015.htm">outline-color-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-color applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline-color' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.4.#propdef-outline-style">
|
|
<!-- 25 tests -->
|
|
<tr id="outline-style-001-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-001.htm">outline-style-001</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-style set to 'none'
|
|
<ul class="assert">
|
|
<li>Outline style 'none' results in no outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-002-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-002.htm">outline-style-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'dotted'
|
|
<ul class="assert">
|
|
<li>Outline style 'dotted' results in a dotted outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-003-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-003.htm">outline-style-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'dashed'
|
|
<ul class="assert">
|
|
<li>Outline style 'dashed' results in a dashed outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-004-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-004.htm">outline-style-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'solid'
|
|
<ul class="assert">
|
|
<li>Outline style 'solid' results in a solid outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-005-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-005.htm">outline-style-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'double'
|
|
<ul class="assert">
|
|
<li>Outline style 'double' results in a double-line outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-006-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-006.htm">outline-style-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'groove'
|
|
<ul class="assert">
|
|
<li>Outline style 'groove' results in a carved outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-007-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-007.htm">outline-style-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'ridge'
|
|
<ul class="assert">
|
|
<li>Outline style 'ridge' results in a ridged outline (as if it were a bump around the box).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-008-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-008.htm">outline-style-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'inset'
|
|
<ul class="assert">
|
|
<li>Outline style 'inset' results in a sunken box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-009-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-009.htm">outline-style-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'outset'
|
|
<ul class="assert">
|
|
<li>Outline style 'outset' results in a raised box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-010-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-010.htm">outline-style-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style set to 'inherit'
|
|
<ul class="assert">
|
|
<li>Outline-style with value 'inherit' uses its parent's outline-style value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-001-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-001.htm">outline-style-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-002-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-002.htm">outline-style-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-003-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-003.htm">outline-style-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-004-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-004.htm">outline-style-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-005-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-005.htm">outline-style-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-006-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-006.htm">outline-style-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-007-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-007.htm">outline-style-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-008-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-008.htm">outline-style-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-009-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-009.htm">outline-style-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-010-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-010.htm">outline-style-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-011-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-011.htm">outline-style-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-012-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-012.htm">outline-style-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-013-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-013.htm">outline-style-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-014-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-014.htm">outline-style-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-style-applies-to-015-18.4.#propdef-outline-style" class="">
|
|
<td>
|
|
<a href="outline-style-applies-to-015.htm">outline-style-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-style applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline-style' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.4.#propdef-outline-width">
|
|
<!-- 78 tests -->
|
|
<tr id="outline-width-001-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-001.htm">outline-width-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in pixels and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-002-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-002.htm">outline-width-002</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width set to a minimum value for pixels
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in pixels that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-003-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-003.htm">outline-width-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in pixels that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-004-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-004.htm">outline-width-004</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in pixels that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-005-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-005.htm">outline-width-005</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in pixels that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-006-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-006.htm">outline-width-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in pixels that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-007-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-007.htm">outline-width-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in pixels that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-012-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-012.htm">outline-width-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width with a minimum minus one value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in points and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-013-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-013.htm">outline-width-013</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width with a minimum value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in points that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-014-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-014.htm">outline-width-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width with a minimum plus one value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in points that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-015-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-015.htm">outline-width-015</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width with a negative minimum value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in points that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-016-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-016.htm">outline-width-016</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width with a positive minimum value in points
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in points that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-017-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-017.htm">outline-width-017</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5pt solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in points that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-018-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-018.htm">outline-width-018</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5pt solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in points that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-023-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-023.htm">outline-width-023</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in picas and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-024-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-024.htm">outline-width-024</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in picas that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-025-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-025.htm">outline-width-025</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in picas that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-026-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-026.htm">outline-width-026</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in picas that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-027-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-027.htm">outline-width-027</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in picas that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-028-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-028.htm">outline-width-028</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in picas that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-029-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-029.htm">outline-width-029</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5pc solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in picas that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-034-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-034.htm">outline-width-034</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in centimeters and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-035-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-035.htm">outline-width-035</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in centimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-036-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-036.htm">outline-width-036</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in centimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-037-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-037.htm">outline-width-037</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in centimeters that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-038-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-038.htm">outline-width-038</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in centimeters that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-039-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-039.htm">outline-width-039</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in centimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-040-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-040.htm">outline-width-040</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5cm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in centimeters that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-045-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-045.htm">outline-width-045</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in millimeters and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-046-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-046.htm">outline-width-046</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in millimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-047-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-047.htm">outline-width-047</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in millimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-048-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-048.htm">outline-width-048</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in millimeters that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-049-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-049.htm">outline-width-049</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in millimeters that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-050-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-050.htm">outline-width-050</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in millimeters that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-051-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-051.htm">outline-width-051</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5mm solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in millimeters that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-056-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-056.htm">outline-width-056</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in inches and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-057-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-057.htm">outline-width-057</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in inches that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-058-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-058.htm">outline-width-058</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in inches that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-059-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-059.htm">outline-width-059</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in inches that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-060-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-060.htm">outline-width-060</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in inches that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-061-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-061.htm">outline-width-061</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 2in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in inches that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-062-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-062.htm">outline-width-062</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +2in solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in inches that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-067-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-067.htm">outline-width-067</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in 'em' units and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-068-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-068.htm">outline-width-068</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'em' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-069-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-069.htm">outline-width-069</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in 'em' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-070-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-070.htm">outline-width-070</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'em' units that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-071-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-071.htm">outline-width-071</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'em' units that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-072-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-072.htm">outline-width-072</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'em' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-073-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-073.htm">outline-width-073</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5em solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'em' units that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-078-18.4.#propdef-outline-width" class="invalid">
|
|
<td>
|
|
<a href="outline-width-078.htm">outline-width-078</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Outline-width - outline the box with a -1ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not support a negative length value in 'ex' units and is ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-079-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-079.htm">outline-width-079</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'ex' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-080-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-080.htm">outline-width-080</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 1ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum plus one length value in 'ex' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-081-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-081.htm">outline-width-081</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-082-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-082.htm">outline-width-082</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-083-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-083.htm">outline-width-083</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 5px solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'ex' units that sets the width of the outline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-084-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-084.htm">outline-width-084</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +5ex solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a nominal length value in 'ex' units that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-089-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-089.htm">outline-width-089</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a -0 solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value with no units that has a minus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-090-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-090.htm">outline-width-090</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a 0 solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value with no units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-091-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-091.htm">outline-width-091</a></td>
|
|
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a +0 solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a minimum length value with no units that has a plus sign before it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-092-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-092.htm">outline-width-092</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a thin solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'thin'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-093-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-093.htm">outline-width-093</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a medium solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'medium'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-094-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-094.htm">outline-width-094</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width - outline the box with a thick solid outline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'thick'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-095-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-095.htm">outline-width-095</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width set to 'inherit'
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property supports a value of 'inherit' and gets its computed value from its parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-001-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-001.htm">outline-width-applies-to-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-row-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-row-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-002-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-002.htm">outline-width-applies-to-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-header-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-header-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-003-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-003.htm">outline-width-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-footer-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-footer-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-004-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-004.htm">outline-width-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-row
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-row.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-005-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-005.htm">outline-width-applies-to-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-column-group
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not apply to elements with a display of table-column-group.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-006-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-006.htm">outline-width-applies-to-006</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-column
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property does not apply to elements with a display of table-column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-007-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-007.htm">outline-width-applies-to-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-cell
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-cell.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-008-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-008.htm">outline-width-applies-to-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display inline
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of inline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-009-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-009.htm">outline-width-applies-to-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display block
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-010-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-010.htm">outline-width-applies-to-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display list-item
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of list-item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-011-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-011.htm">outline-width-applies-to-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display run-in
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of run-in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-012-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-012.htm">outline-width-applies-to-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display inline-block
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of inline-block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-013-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-013.htm">outline-width-applies-to-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-014-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-014.htm">outline-width-applies-to-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display inline-table
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of inline-table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-width-applies-to-015-18.4.#propdef-outline-width" class="">
|
|
<td>
|
|
<a href="outline-width-applies-to-015.htm">outline-width-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Outline-width applied to element with display table-caption
|
|
<ul class="assert">
|
|
<li>The 'outline-width' property applies to elements with a display of table-caption.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.4.#value-def-invert">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s18.4.#x2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s18.4.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s18.4.1">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/ui.html#outline-focus">18.4.1 Outlines and the focus</a></th></tr>
|
|
<!-- 4 tests -->
|
|
<tr id="outline-focus-001-18.4.1" class="interact may">
|
|
<td>
|
|
<a href="outline-focus-001.htm">outline-focus-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
|
<td>Default outlines and interactive media groups
|
|
<ul class="assert">
|
|
<li>Interactive media groups may show a focus outline to indicate that focus has been set on an element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-pseudo-selector-001-18.4.1" class="interact">
|
|
<td>
|
|
<a href="outline-pseudo-selector-001.htm">outline-pseudo-selector-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Outline specified with the ':focus' selector
|
|
<ul class="assert">
|
|
<li>Outline works with the ':focus' selectors.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-pseudo-selector-002-18.4.1" class="interact">
|
|
<td>
|
|
<a href="outline-pseudo-selector-002.htm">outline-pseudo-selector-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Outline specified with the ':hover' selector
|
|
<ul class="assert">
|
|
<li>Outline works with the ':hover' selector.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-pseudo-selector-003-18.4.1" class="interact">
|
|
<td>
|
|
<a href="outline-pseudo-selector-003.htm">outline-pseudo-selector-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>Outline specified with the ':active' selector
|
|
<ul class="assert">
|
|
<li>Outline works with the ':active' selectors.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s18.4.1.#x8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s18.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s18.5">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/ui.html#magnification">18.5 Magnification</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#W3C-doctype">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#abstract">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#minitoc">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#status">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#title">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#toc">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |