Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-26 01:54:33 +01:00
Code Issues Projects Releases Packages Wiki Activity
servo/tests/wpt/css-tests/css-shapes-1_dev/xhtml1/chapter-3.xht

1548 lines
No EOL
85 KiB
HTML
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Basic Shapes - CSS Shapes Module Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Shapes Module Level 1 CR Test Suite</h1>
<h2>Basic Shapes (116 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css-shapes-1/#basic-shape-functions">3 Basic Shapes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.#reference-box">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#typedef-basic-shape">
<!-- 2 tests -->
<tr id="shape-outside-shape-arguments-000-3.#typedef-basic-shape" class="primary dom script">
<td><strong>
<a href="shape-outside-shape-arguments-000.xht">shape-outside-shape-arguments-000</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Basic Shape Arguments
<ul class="assert">
<li>A basic basic shape can contain any length unit type, or percentage</li>
</ul>
</td>
</tr>
<tr id="shape-outside-shape-arguments-001-3.#typedef-basic-shape" class="primary dom script">
<td><strong>
<a href="shape-outside-shape-arguments-001.xht">shape-outside-shape-arguments-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Shape Number Values
<ul class="assert">
<li>The basic shape can contain all valid number formats</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">3.1 Supported Shapes</a></th></tr>
<!-- 23 tests -->
<tr id="shape-outside-001-3.1" class="ahem">
<td>
<a href="shape-outside-001.xht">shape-outside-001</a></td>
<td><a href="reference/shape-outside-001-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-002-3.1" class="ahem">
<td>
<a href="shape-outside-002.xht">shape-outside-002</a></td>
<td><a href="reference/shape-outside-001-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
</ul>
</td>
</tr>
<tr id="shape-outside-003-3.1" class="ahem">
<td>
<a href="shape-outside-003.xht">shape-outside-003</a></td>
<td><a href="reference/shape-outside-001-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
</ul>
</td>
</tr>
<tr id="shape-outside-004-3.1" class="ahem">
<td>
<a href="shape-outside-004.xht">shape-outside-004</a></td>
<td><a href="reference/shape-outside-004-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-005-3.1" class="ahem">
<td>
<a href="shape-outside-005.xht">shape-outside-005</a></td>
<td><a href="reference/shape-outside-004-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-006-3.1" class="ahem">
<td>
<a href="shape-outside-006.xht">shape-outside-006</a></td>
<td><a href="reference/shape-outside-006-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>shape-outside with open areas on both the left &amp; right of the float area
<ul class="assert">
<li>This test verifies that content wraps only on one side of the float even though there is open area on both the left and right sides of the float.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-007-3.1" class="ahem">
<td>
<a href="shape-outside-007.xht">shape-outside-007</a></td>
<td><a href="reference/shape-outside-007-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Shape smaller than float content area - 1 float
<ul class="assert">
<li>This test verifies that inline content only wraps around the shape, and otherwise overlays the rest of the float margin box</li>
</ul>
</td>
</tr>
<tr id="shape-outside-008-3.1" class="ahem">
<td>
<a href="shape-outside-008.xht">shape-outside-008</a></td>
<td><a href="reference/shape-outside-008-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Shape smaller than float content area - 2 floats
<ul class="assert">
<li>This test verifies that inline content only wraps around the shapes, and otherwise overlays the rest of the float margin boxes when two floats are stacked next to each other.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-001-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-001.xht">shape-outside-invalid-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Shapes Test - shape-outside invalid shape
<ul class="assert">
<li>shape-outside declaration is invalid if shape is invalid</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-000-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-circle-000.xht">shape-outside-invalid-circle-000</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Circle - invalid 2 args
<ul class="assert">
<li>shape-outside declaration is invalid if circle shape function only has two parameters</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-001-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-circle-001.xht">shape-outside-invalid-circle-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Circle - invalid r values
<ul class="assert">
<li>shape-outside declaration is invalid if circle shape function has an invalid r parameter</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-002-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-circle-002.xht">shape-outside-invalid-circle-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Shapes Test - Circle - invalid cy value
<ul class="assert">
<li>shape-outside declaration is invalid if cy for circle function is invalid</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-003-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-circle-003.xht">shape-outside-invalid-circle-003</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Circle - invalid cx value
<ul class="assert">
<li>shape-outside declaration is invalid if circle shape function has an invalid cx param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-ellipse-001-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-ellipse-001.xht">shape-outside-invalid-ellipse-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Ellipse - invalid 2 arg
<ul class="assert">
<li>shape-outside declaration is invalid if ellipse shape function has two invalid arguments</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-ellipse-002-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-ellipse-002.xht">shape-outside-invalid-ellipse-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Ellipse - invalid ry value
<ul class="assert">
<li>shape-outside declaration is invalid if ellipse shape function has an invalid ry param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-ellipse-003-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-ellipse-003.xht">shape-outside-invalid-ellipse-003</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Ellipse - invalid rx value
<ul class="assert">
<li>shape-outside declaration is invalid if ellipse shape function has an invalid rx param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-ellipse-004-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-ellipse-004.xht">shape-outside-invalid-ellipse-004</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Shapes Test - Ellipse - invalid 1 arg
<ul class="assert">
<li>shape-outside declaration is invalid if ellipse function has one invalid argument</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-ellipse-005-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-ellipse-005.xht">shape-outside-invalid-ellipse-005</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Shapes Test - Ellipse - invalid cy value
<ul class="assert">
<li>shape-outside declaration is invalid if cy in ellipse function is invalid</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-ellipse-006-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-ellipse-006.xht">shape-outside-invalid-ellipse-006</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Shapes Test - Ellipse - invalid cx value
<ul class="assert">
<li>shape-outside declaration is invalid if cx in ellipse function is invalid</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-001-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-inset-001.xht">shape-outside-invalid-inset-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid top arg
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid top param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-002-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-inset-002.xht">shape-outside-invalid-inset-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid right arg
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid right param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-003-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-inset-003.xht">shape-outside-invalid-inset-003</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid bottom arg
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid bottom param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-004-3.1" class="primary dom script">
<td><strong>
<a href="shape-outside-invalid-inset-004.xht">shape-outside-invalid-inset-004</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid left param
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid left param</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1.#closest-side">
<!-- 3 tests -->
<tr id="shape-outside-circle-015-3.1.#closest-side" class="ahem">
<td>
<a href="shape-outside-circle-015.xht">shape-outside-circle-015</a></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + closest-side + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius explicitly set as closest-side from the padding box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-028-3.1.#closest-side" class="ahem">
<td>
<a href="shape-outside-circle-028.xht">shape-outside-circle-028</a></td>
<td><a href="reference/shape-outside-circle-023-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, circle(closest-side) at position % + shape-margin + border-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the border box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-015-3.1.#closest-side" class="ahem">
<td>
<a href="shape-outside-ellipse-015.xht">shape-outside-ellipse-015</a></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse + closest-side + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with the radii explicitly set as closest-side from the padding box.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1.#farthest-side">
<!-- 3 tests -->
<tr id="shape-outside-circle-016-3.1.#farthest-side" class="ahem">
<td>
<a href="shape-outside-circle-016.xht">shape-outside-circle-016</a></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + farthest-side + border-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius defined as farthest-side from the border box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-021-3.1.#farthest-side" class="ahem">
<td>
<a href="shape-outside-circle-021.xht">shape-outside-circle-021</a></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + farthest-side + padding-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with a farthest-side radius from the padding box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-017-3.1.#farthest-side" class="ahem">
<td>
<a href="shape-outside-ellipse-017.xht">shape-outside-ellipse-017</a></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse(farthest-side) + shape-margin + content-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the content box with only the rx defined as farthest-side and with a shape-margin.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1.#funcdef-circle">
<!-- 34 tests -->
<tr id="shape-outside-circle-000-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-000.xht">shape-outside-circle-000</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Valid Formats
<ul class="assert">
<li>A circular basic shape has an optional radius and position component</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-001-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-001.xht">shape-outside-circle-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Valid Radii
<ul class="assert">
<li>A circle's radius may be a length, percentage, or keyword.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-002-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-002.xht">shape-outside-circle-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Valid Positions
<ul class="assert">
<li>A circle's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-003-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-003.xht">shape-outside-circle-003</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Invalid Position Argument Lists
<ul class="assert">
<li>Valid circle position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-004-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-004.xht">shape-outside-circle-004</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle - Position Length Units
<ul class="assert">
<li>A circle's position arguments may in any valid &lt;length&gt; unit allowed by a &lt;position&gt; value.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-005-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-005.xht">shape-outside-circle-005</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Valid Radii - length units
<ul class="assert">
<li>A circle's radius may be in any valid length unit.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-006-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-006.xht">shape-outside-circle-006</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Radii - positive/negative, decimal/non-decimal
<ul class="assert">
<li>A circle's radius may be in signed positive or decimal/non-decimal format. Negative radii are invalid.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-007-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-007.xht">shape-outside-circle-007</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Radii - invalid args
<ul class="assert">
<li>This test verifies that invalid shape-radius arguments on circle() don't parse.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-008-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-008.xht">shape-outside-circle-008</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Invalid Position Argument Values
<ul class="assert">
<li>This test verifies that invalid position arguments on circle() don't parse</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-009-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-009.xht">shape-outside-circle-009</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle Position Arguments - positive/negative, decimal/non-decimal
<ul class="assert">
<li>A circle's position arguments may be in signed positive/negative or decimal/non-decimal format.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-010-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-010.xht">shape-outside-circle-010</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle args - calc() values
<ul class="assert">
<li>A circle's arguments may be in calc() values.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-011-3.1.#funcdef-circle" class="primary dom script">
<td><strong>
<a href="shape-outside-circle-011.xht">shape-outside-circle-011</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Circle position args - calc() values
<ul class="assert">
<li>A circle's &lt;position&gt; arguments may be in calc() values.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-013-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-013.xht">shape-outside-circle-013</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + margin-box + position (px)
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle from the margin box and positioned in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-014-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-014.xht">shape-outside-circle-014</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + content-box + radius and position in % units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle from the content box with the radius and position in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-015-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-015.xht">shape-outside-circle-015</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + closest-side + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius explicitly set as closest-side from the padding box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-016-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-016.xht">shape-outside-circle-016</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + farthest-side + border-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius defined as farthest-side from the border box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-017-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-017.xht">shape-outside-circle-017</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + shape-margin in px
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with a shape-margin in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-018-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-018.xht">shape-outside-circle-018</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + shape-margin in % units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with a shape-margin in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-019-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-019.xht">shape-outside-circle-019</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle at top left + margin-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle from the margin box and is positioned top left with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-020-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-020.xht">shape-outside-circle-020</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle at % + border-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle from the padding box with a position specified as a percentage and with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-021-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-021.xht">shape-outside-circle-021</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle + farthest-side + padding-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle with a farthest-side radius from the padding box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-022-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-022.xht">shape-outside-circle-022</a></strong></td>
<td><a href="reference/shape-outside-circle-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, circle at bottom right + content-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a circle from the padding box positioned at center right with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-024-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-024.xht">shape-outside-circle-024</a></strong></td>
<td><a href="reference/shape-outside-circle-023-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, circle radius in % units + shape-margin + border-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a circle from the border box with radius in percentage units and with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-025-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-025.xht">shape-outside-circle-025</a></strong></td>
<td><a href="reference/shape-outside-circle-023-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, circle + shape-margin + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a circle from the padding box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-026-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-026.xht">shape-outside-circle-026</a></strong></td>
<td><a href="reference/shape-outside-circle-023-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, circle + shape-margin + content-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a circle from the content box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-027-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-027.xht">shape-outside-circle-027</a></strong></td>
<td><a href="reference/shape-outside-circle-023-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, circle with radius in % units + shape-margin + margin-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the margin box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-028-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-028.xht">shape-outside-circle-028</a></strong></td>
<td><a href="reference/shape-outside-circle-023-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, circle(closest-side) at position % + shape-margin + border-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the border box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-029-3.1.#funcdef-circle" class="primary ahem">
<td><strong>
<a href="shape-outside-circle-029.xht">shape-outside-circle-029</a></strong></td>
<td><a href="reference/shape-outside-circle-023-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, circle at center right + shape-margin + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned center right from the padding box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-030-3.1.#funcdef-circle" class="primary ahem dom">
<td><strong>
<a href="shape-outside-circle-030.xht">shape-outside-circle-030</a></strong></td>
<td><a href="reference/shape-outside-circle-030-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>left float, circle radius in px units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-circle-031-3.1.#funcdef-circle" class="primary ahem dom">
<td><strong>
<a href="shape-outside-circle-031.xht">shape-outside-circle-031</a></strong></td>
<td><a href="reference/shape-outside-circle-030-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>left float, circle radius in % units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-000-3.1.#funcdef-circle" class="dom script">
<td>
<a href="shape-outside-invalid-circle-000.xht">shape-outside-invalid-circle-000</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Circle - invalid 2 args
<ul class="assert">
<li>shape-outside declaration is invalid if circle shape function only has two parameters</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-001-3.1.#funcdef-circle" class="dom script">
<td>
<a href="shape-outside-invalid-circle-001.xht">shape-outside-invalid-circle-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Circle - invalid r values
<ul class="assert">
<li>shape-outside declaration is invalid if circle shape function has an invalid r parameter</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-002-3.1.#funcdef-circle" class="dom script">
<td>
<a href="shape-outside-invalid-circle-002.xht">shape-outside-invalid-circle-002</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Shapes Test - Circle - invalid cy value
<ul class="assert">
<li>shape-outside declaration is invalid if cy for circle function is invalid</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-003-3.1.#funcdef-circle" class="dom script">
<td>
<a href="shape-outside-invalid-circle-003.xht">shape-outside-invalid-circle-003</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Circle - invalid cx value
<ul class="assert">
<li>shape-outside declaration is invalid if circle shape function has an invalid cx param</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1.#funcdef-ellipse">
<!-- 29 tests -->
<tr id="shape-outside-ellipse-000-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-000.xht">shape-outside-ellipse-000</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Valid Formats
<ul class="assert">
<li>An elliptical basic shape has two optional components, radii (2) and a position.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-001-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-001.xht">shape-outside-ellipse-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Valid Radii
<ul class="assert">
<li>An elliptical basic shape's radii may be keywords, lengths or percentages</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-002-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-002.xht">shape-outside-ellipse-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Valid Positions
<ul class="assert">
<li>An ellipse's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-003-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-003.xht">shape-outside-ellipse-003</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Invalid Position Argument Lists
<ul class="assert">
<li>Valid ellipse position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-004-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-004.xht">shape-outside-ellipse-004</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse - Position Length Units
<ul class="assert">
<li>An ellipse's position arguments may in any valid &lt;length&gt; unit allowed by a &lt;position&gt; value.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-005-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-005.xht">shape-outside-ellipse-005</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Valid Radii - length units
<ul class="assert">
<li>An ellipse's radii may be in any valid length unit.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-006-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-006.xht">shape-outside-ellipse-006</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Radii - positive/negative, decimal/non-decimal
<ul class="assert">
<li>An ellipse's radii may be in signed positive or decimal/non-decimal format. Negative radii are invalid.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-007-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-007.xht">shape-outside-ellipse-007</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Radii - invalid args
<ul class="assert">
<li>This test verifies that invalid shape-radius arguments on ellipse() don't parse.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-008-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-008.xht">shape-outside-ellipse-008</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Invalid Position Argument Values
<ul class="assert">
<li>This test verifies that invalid position arguments on ellipse() don't parse</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-009-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-009.xht">shape-outside-ellipse-009</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse Position Arguments - positive/negative, decimal/non-decimal
<ul class="assert">
<li>An ellipse's position arguments may be in signed positive/negative or decimal/non-decimal format.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-010-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-010.xht">shape-outside-ellipse-010</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse args - calc() values
<ul class="assert">
<li>An ellipse's arguments may be in calc() values.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-011-3.1.#funcdef-ellipse" class="primary dom script">
<td><strong>
<a href="shape-outside-ellipse-011.xht">shape-outside-ellipse-011</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Ellipse position args - calc() values
<ul class="assert">
<li>An ellipse's &lt;position&gt; arguments may be in calc() values.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-013-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-013.xht">shape-outside-ellipse-013</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse radii and position in px
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse with radii and position in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-014-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-014.xht">shape-outside-ellipse-014</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse radii and position in % units + content-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the content box with the position and radii in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-015-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-015.xht">shape-outside-ellipse-015</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse + closest-side + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with the radii explicitly set as closest-side from the padding box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-016-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-016.xht">shape-outside-ellipse-016</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse radii in % units + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the padding box with the radii in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-017-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-017.xht">shape-outside-ellipse-017</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse(farthest-side) + shape-margin + content-box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the content box with only the rx defined as farthest-side and with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-018-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-018.xht">shape-outside-ellipse-018</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse + shape-margin in % units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse with a shape-margin in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-019-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-019.xht">shape-outside-ellipse-019</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse radii in % units + padding-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the padding box with radii in percentage units and with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-020-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-020.xht">shape-outside-ellipse-020</a></strong></td>
<td><a href="reference/shape-outside-ellipse-013-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, ellipse radii in % units + margin-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the margin box with the radii specified in percentage units and with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-021-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-021.xht">shape-outside-ellipse-021</a></strong></td>
<td><a href="reference/shape-outside-ellipse-021-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, ellipse (closest-side px) + shape-margin + padding box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a ellipse from the padding box with rx explicitly set at closest-side and ry in px units and with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-022-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-022.xht">shape-outside-ellipse-022</a></strong></td>
<td><a href="reference/shape-outside-ellipse-021-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, ellipse(closest-side px) + shape-margin + content-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a ellipse from the content box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-023-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-023.xht">shape-outside-ellipse-023</a></strong></td>
<td><a href="reference/shape-outside-ellipse-021-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, ellipse + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as an ellipse with only the horizontal offset specifed in px and with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-024-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-024.xht">shape-outside-ellipse-024</a></strong></td>
<td><a href="reference/shape-outside-ellipse-021-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, ellipse at position (%) + shape-margin (%) + border-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a ellipse positioned from the border box with only the horizontal offset specified in percentage units and with a shape-margin in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-025-3.1.#funcdef-ellipse" class="primary ahem">
<td><strong>
<a href="shape-outside-ellipse-025.xht">shape-outside-ellipse-025</a></strong></td>
<td><a href="reference/shape-outside-ellipse-021-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, ellipse radii in % at center right + shape-margin + padding-box
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as a ellipse with the radii in percentage units positioned at center right from the margin box with a shape-margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-030-3.1.#funcdef-ellipse" class="primary ahem dom">
<td><strong>
<a href="shape-outside-ellipse-030.xht">shape-outside-ellipse-030</a></strong></td>
<td><a href="reference/shape-outside-ellipse-030-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>left float, ellipse radii in px
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-ellipse-031-3.1.#funcdef-ellipse" class="primary ahem dom">
<td><strong>
<a href="shape-outside-ellipse-031.xht">shape-outside-ellipse-031</a></strong></td>
<td><a href="reference/shape-outside-ellipse-030-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>left float, ellipse radii in % units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in % units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-circle-003-3.1.#funcdef-ellipse" class="dom script">
<td>
<a href="shape-outside-invalid-circle-003.xht">shape-outside-invalid-circle-003</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Circle - invalid cx value
<ul class="assert">
<li>shape-outside declaration is invalid if circle shape function has an invalid cx param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-ellipse-001-3.1.#funcdef-ellipse" class="dom script">
<td>
<a href="shape-outside-invalid-ellipse-001.xht">shape-outside-invalid-ellipse-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Ellipse - invalid 2 arg
<ul class="assert">
<li>shape-outside declaration is invalid if ellipse shape function has two invalid arguments</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1.#funcdef-inset">
<!-- 20 tests -->
<tr id="shape-outside-inset-000-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-000.xht">shape-outside-inset-000</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset Valid Formats
<ul class="assert">
<li>An inset has 1 to 4 insets, and optional border radii that follow the border-radius format</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-001-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-001.xht">shape-outside-inset-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset Valid Insets
<ul class="assert">
<li>An inset has 1 to 4 insets as percentages or length in any unit</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-002-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-002.xht">shape-outside-inset-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset Valid Rounds
<ul class="assert">
<li>An inset's radial component has 1 to 4 length/percentages, optionally followed by a '/' and an additional 1 to 4 length/percentages and lengths can be in any unit.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-003-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-003.xht">shape-outside-inset-003</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset Valid Round Length Units
<ul class="assert">
<li>An inset's radial component's values can be in any length unit</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-004-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-004.xht">shape-outside-inset-004</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset - positive/negative, decimal/non-decimal args
<ul class="assert">
<li>These tests verify that shape-outside inset() arguments can be numbers that are signed in positive and negative and/or decimal/non-decimal form.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-005-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-005.xht">shape-outside-inset-005</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset - Invalid args
<ul class="assert">
<li>These tests verifies that invalid inset() arguments don't parse.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-006-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-006.xht">shape-outside-inset-006</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset Radial Args - positive/negative, decimal/non-decimal
<ul class="assert">
<li>These tests verify that shape-outside inset() radial component can be numbers that are in signed positive and/or decimal/non-decimal form. Negative values are not allowed</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-007-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-007.xht">shape-outside-inset-007</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset Radial Args - Invalid
<ul class="assert">
<li>These tests verify invalid radial component arguments don't parse.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-008-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-008.xht">shape-outside-inset-008</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset Args - calc() values
<ul class="assert">
<li>An inset's arguments may be in calc() values.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-009-3.1.#funcdef-inset" class="primary dom script">
<td><strong>
<a href="shape-outside-inset-009.xht">shape-outside-inset-009</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Inset round args - calc() values
<ul class="assert">
<li>An inset's radial component arguments may be in calc() values.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-010-3.1.#funcdef-inset" class="primary ahem">
<td><strong>
<a href="shape-outside-inset-010.xht">shape-outside-inset-010</a></strong></td>
<td><a href="reference/shape-outside-inset-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, inset, px units
<ul class="assert">
<li>The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-011-3.1.#funcdef-inset" class="primary ahem">
<td><strong>
<a href="shape-outside-inset-011.xht">shape-outside-inset-011</a></strong></td>
<td><a href="reference/shape-outside-inset-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, inset, % units
<ul class="assert">
<li>The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle in percentage units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-012-3.1.#funcdef-inset" class="primary ahem">
<td><strong>
<a href="shape-outside-inset-012.xht">shape-outside-inset-012</a></strong></td>
<td><a href="reference/shape-outside-inset-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, inset + margin-box
<ul class="assert">
<li>The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + margin-box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-013-3.1.#funcdef-inset" class="primary ahem">
<td><strong>
<a href="shape-outside-inset-013.xht">shape-outside-inset-013</a></strong></td>
<td><a href="reference/shape-outside-inset-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, inset + border-box
<ul class="assert">
<li>The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + border-box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-014-3.1.#funcdef-inset" class="primary ahem">
<td><strong>
<a href="shape-outside-inset-014.xht">shape-outside-inset-014</a></strong></td>
<td><a href="reference/shape-outside-inset-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, inset + content-box
<ul class="assert">
<li>The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + content-box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-inset-015-3.1.#funcdef-inset" class="primary ahem">
<td><strong>
<a href="shape-outside-inset-015.xht">shape-outside-inset-015</a></strong></td>
<td><a href="reference/shape-outside-inset-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, inset + padding-box
<ul class="assert">
<li>The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + padding-box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-001-3.1.#funcdef-inset" class="dom script">
<td>
<a href="shape-outside-invalid-inset-001.xht">shape-outside-invalid-inset-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid top arg
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid top param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-002-3.1.#funcdef-inset" class="dom script">
<td>
<a href="shape-outside-invalid-inset-002.xht">shape-outside-invalid-inset-002</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid right arg
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid right param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-003-3.1.#funcdef-inset" class="dom script">
<td>
<a href="shape-outside-invalid-inset-003.xht">shape-outside-invalid-inset-003</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid bottom arg
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid bottom param</li>
</ul>
</td>
</tr>
<tr id="shape-outside-invalid-inset-004-3.1.#funcdef-inset" class="dom script">
<td>
<a href="shape-outside-invalid-inset-004.xht">shape-outside-invalid-inset-004</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Inset Rectangles - invalid left param
<ul class="assert">
<li>shape-outside declaration is invalid if inset shape function has an invalid left param</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1.#funcdef-polygon">
<!-- 18 tests -->
<tr id="shape-outside-polygon-000-3.1.#funcdef-polygon" class="primary dom script">
<td><strong>
<a href="shape-outside-polygon-000.xht">shape-outside-polygon-000</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Polygon Valid Formats
<ul class="assert">
<li>A polygonal basic shape has an optional fill-rule and one or more pairs of coordinates</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-001-3.1.#funcdef-polygon" class="primary dom script">
<td><strong>
<a href="shape-outside-polygon-001.xht">shape-outside-polygon-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Polygon Valid Fill-Rules
<ul class="assert">
<li>A polygonal basic shape's optional fill-rule may be either 'nonzero' or 'evenodd'</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-002-3.1.#funcdef-polygon" class="primary dom script">
<td><strong>
<a href="shape-outside-polygon-002.xht">shape-outside-polygon-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Polygon Valid Points
<ul class="assert">
<li>A polygonal basic shape's points may be either lengths or percentages</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-003-3.1.#funcdef-polygon" class="primary dom script">
<td><strong>
<a href="shape-outside-polygon-003.xht">shape-outside-polygon-003</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Polygon Invalid Points
<ul class="assert">
<li>A polygonal basic shape's points may be either lengths or percentages</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-004-3.1.#funcdef-polygon" class="primary dom script">
<td><strong>
<a href="shape-outside-polygon-004.xht">shape-outside-polygon-004</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Polygon - Argument Length Units
<ul class="assert">
<li>A polygon's veritices may in percentage or any valid &lt;length&gt; units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-005-3.1.#funcdef-polygon" class="primary dom script">
<td><strong>
<a href="shape-outside-polygon-005.xht">shape-outside-polygon-005</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Polygon Valid Points
<ul class="assert">
<li>A polygon's vertices can be in signed positive/negative or decimal/non-decimal format</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-006-3.1.#funcdef-polygon" class="primary dom script">
<td><strong>
<a href="shape-outside-polygon-006.xht">shape-outside-polygon-006</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Shape Outside Polygon args - calc() values
<ul class="assert">
<li>A polygon's arguments may be in calc() values.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-007-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-007.xht">shape-outside-polygon-007</a></strong></td>
<td><a href="reference/shape-outside-polygon-007-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, polygon, args in px units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an polygon with the args in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-008-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-008.xht">shape-outside-polygon-008</a></strong></td>
<td><a href="reference/shape-outside-polygon-007-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, polygon, args in % units
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an polygon with the args in px units.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-009-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-009.xht">shape-outside-polygon-009</a></strong></td>
<td><a href="reference/shape-outside-polygon-007-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, polygon + border box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an polygon from the border box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-010-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-010.xht">shape-outside-polygon-010</a></strong></td>
<td><a href="reference/shape-outside-polygon-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, polygon + padding box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an polygon from the padding box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-011-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-011.xht">shape-outside-polygon-011</a></strong></td>
<td><a href="reference/shape-outside-polygon-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>left float, polygon + content box
<ul class="assert">
<li>The test verifies that text wraps around a left float with a shape-outside defined as an polygon from the content box.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-012-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-012.xht">shape-outside-polygon-012</a></strong></td>
<td><a href="reference/shape-outside-polygon-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, polygon + margin-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the margin box with a shape margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-013-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-013.xht">shape-outside-polygon-013</a></strong></td>
<td><a href="reference/shape-outside-polygon-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, polygon + border-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the border box with a shape margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-014-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-014.xht">shape-outside-polygon-014</a></strong></td>
<td><a href="reference/shape-outside-polygon-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, polygon + padding-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the padding box with a shape margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-015-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-015.xht">shape-outside-polygon-015</a></strong></td>
<td><a href="reference/shape-outside-polygon-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, polygon + content-box + shape-margin
<ul class="assert">
<li>The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the content box wtih a shape margin.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-016-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-016.xht">shape-outside-polygon-016</a></strong></td>
<td><a href="reference/shape-outside-polygon-010-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>polygon, evenodd
<ul class="assert">
<li>The test verifies that evenodd behaves the same as nonzero for shape-outside and that text will wraps around the outer edge of a polygon.</li>
</ul>
</td>
</tr>
<tr id="shape-outside-polygon-017-3.1.#funcdef-polygon" class="primary ahem">
<td><strong>
<a href="shape-outside-polygon-017.xht">shape-outside-polygon-017</a></strong></td>
<td><a href="reference/shape-outside-polygon-017-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>right float, polygon + shape-margin beyond margin box
<ul class="assert">
<li>The test verifies that when a shape-margin is defined that extends beyond the margin box, the shape is clipped to the box.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.1.#typedef-fill-rule">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#typedef-shape-arg">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#typedef-shape-radius">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2">+</a>
<a href="http://www.w3.org/TR/css-shapes-1/#basic-shape-computed-values">3.2 Computed Values of Basic Shapes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.3">+</a>
<a href="http://www.w3.org/TR/css-shapes-1/#basic-shape-serialization">3.3 Serialization of Basic Shapes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4">+</a>
<a href="http://www.w3.org/TR/css-shapes-1/#basic-shape-interpolation">3.4 Interpolation of Basic Shapes</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>
Reference in a new issue View git blame Copy permalink