mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
409 lines
No EOL
16 KiB
HTML
409 lines
No EOL
16 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Exclusions - CSS Exclusions 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 Exclusions Module Level 1 CR Test Suite</h1>
|
|
<h2>Exclusions (11 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="https://www.w3.org/TR/css3-exclusions/#exclusions">3 Exclusions</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#declaring-exclusions">3.1 Declaring exclusions</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#wrap-flow-property">3.1.1 The wrap-flow property</a></th></tr>
|
|
<!-- 10 tests -->
|
|
<tr id="exclusions-wrap-flow-01-3.1.1" class="">
|
|
<td>
|
|
<a href="exclusions-wrap-flow-01.xht">exclusions-wrap-flow-01</a></td>
|
|
<td><a href="reference/exclusions-wrap-flow-01-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>wrap-flow:none
|
|
<ul class="assert">
|
|
<li>Tests that wrap-flow:both is implemented. The inline boxes defined in the container with the exclusion element should wrap around the margin edges of the exclusion. Inline boxes are flowing to the left and right of the exclusion element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="exclusions-wrap-flow-02-3.1.1" class="">
|
|
<td>
|
|
<a href="exclusions-wrap-flow-02.xht">exclusions-wrap-flow-02</a></td>
|
|
<td><a href="reference/exclusions-wrap-flow-01-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>wrap-flow:none
|
|
<ul class="assert">
|
|
<li>Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="exclusions-wrap-flow-03-3.1.1" class="">
|
|
<td>
|
|
<a href="exclusions-wrap-flow-03.xht">exclusions-wrap-flow-03</a></td>
|
|
<td><a href="reference/exclusions-wrap-flow-01-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>wrap-flow:none
|
|
<ul class="assert">
|
|
<li>Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="exclusions-wrap-flow-04-3.1.1" class="">
|
|
<td>
|
|
<a href="exclusions-wrap-flow-04.xht">exclusions-wrap-flow-04</a></td>
|
|
<td><a href="reference/exclusions-wrap-flow-01-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>wrap-flow:none
|
|
<ul class="assert">
|
|
<li>Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="wrap-flow-001-3.1.1" class="ahem dom script">
|
|
<td>
|
|
<a href="wrap-flow-001.xht">wrap-flow-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>wrap-flow property set to clear
|
|
<ul class="assert">
|
|
<li>The text should flow above and below the exclusion, and not on either side</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="wrap-flow-002-3.1.1" class="ahem dom script">
|
|
<td>
|
|
<a href="wrap-flow-002.xht">wrap-flow-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>wrap-flow property set to start
|
|
<ul class="assert">
|
|
<li>Text should flow from the beginning of the line to the exclusion, as well as above and below</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="wrap-flow-003-3.1.1" class="ahem dom script">
|
|
<td>
|
|
<a href="wrap-flow-003.xht">wrap-flow-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>wrap-flow property set to auto
|
|
<ul class="assert">
|
|
<li>No exclusion should be created</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="wrap-flow-004-3.1.1" class="ahem dom script">
|
|
<td>
|
|
<a href="wrap-flow-004.xht">wrap-flow-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>wrap-flow property set to both
|
|
<ul class="assert">
|
|
<li>Text should flow on both the left and right side of the exclusion, in addition to above and below</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="wrap-flow-005-3.1.1" class="ahem dom script">
|
|
<td>
|
|
<a href="wrap-flow-005.xht">wrap-flow-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>wrap-flow property set to end
|
|
<ul class="assert">
|
|
<li>Text should flow on the right side of the exclusion, as well as above and below</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="wrap-flow-006-3.1.1" class="ahem dom script">
|
|
<td>
|
|
<a href="wrap-flow-006.xht">wrap-flow-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>wrap-flow property set to maximum
|
|
<ul class="assert">
|
|
<li>Text should flow in the left OR right side of the exclusion depending on which has more space, as well as above and below</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.1.1.#propdef-wrap-flow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#valdef-wrap-flow-wrap-flowauto">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#valdef-wrap-flow-wrap-flowboth">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#valdef-wrap-flow-wrap-flowclear">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#valdef-wrap-flow-wrap-flowend">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#valdef-wrap-flow-wrap-flowmaximum">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#valdef-wrap-flow-wrap-flowminimum">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#valdef-wrap-flow-wrap-flowstart">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#scope-and-effect-of-exclusions">3.2 Scope and effect of exclusions</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.3">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#propagation-of-exclusions">3.3 Propagation of Exclusions</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#wrap-through-property">3.3.1 The wrap-through Property</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="wrap-through-001-3.3.1" class="ahem dom script">
|
|
<td>
|
|
<a href="wrap-through-001.xht">wrap-through-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>wrap-through property set to none
|
|
<ul class="assert">
|
|
<li>The wrapping context should not be inheritted from the parent node when wrap-through is set to none</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.3.1.#propdef-wrap-through">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.3.1.#valdef-wrap-through-wrap-throughnone">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.3.1.#valdef-wrap-through-wrap-throughwrap">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.4">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#exclusions-order">3.4 Exclusions order</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.4.#issue-53942a83">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#exclusions-processing-model">3.5 Processing model</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#exclusions-processing-model-description">3.5.1 Description</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#step-1">3.5.2 Step 1: resolve exclusion boxes belonging to each wrapping context</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.3">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#step-2">3.5.3 Step 2: resolve wrapping contexts and lay out containing blocks</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.4">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#step-2-A">3.5.4 Step 2-A: resolve the position and size of exclusion boxes</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.5">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#step-2-B">3.5.5 Step 2-B: lay out containing block applying wrapping</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.6">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#processing-model-example">3.5.6 Processing Model Example</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.6.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.6.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#example-step-1">3.5.6.1 Step 1: resolve exclusion boxes belonging to each wrapping context</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.6.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.6.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#example-step-2">3.5.6.2 Step 2: resolve wrapping contexts and lay out containing blocks</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.6.2.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.6.2.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#example-resolving-rwc-1">3.5.6.2.1 Resolving RWC-1</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.5.6.2.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.5.6.2.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#example-resolving-rwc-2">3.5.6.2.2 Resolving RWC-2</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.6">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#floats-and-exclusions">3.6 Floats and exclusions</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.6.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.6.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#floats-and-exclusions-similarities">3.6.1 Similarities</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.6.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.6.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#floats-and-exclusions-differences">3.6.2 Differences</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.6.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.6.3">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#floats-interop">3.6.3 Interoperability</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.6.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.6.3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#effect-of-floats-on-exclusions">3.6.3.1 Effect of floats on exclusions</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.6.3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.6.3.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-exclusions/#effect-of-exclusions-on-floats">3.6.3.2 Effect of exclusions on floats</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#abstract">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#acks">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#conformance">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#contents">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#index">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#issues-index">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#property-index">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#references">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#status">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#subtitle">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#title">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sconformance.#conformance-classes">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sconformance.#conventions">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sconformance.#experimental">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sconformance.#partial">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sconformance.#testing">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sinformative.#biblio-css3-flexbox">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sinformative.#biblio-css3-grid-layout">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="snormative.#biblio-css21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="snormative.#biblio-css3-writing-modes">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="snormative.#biblio-css3box">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="snormative.#biblio-rfc2119">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sreferences.#informative">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sreferences.#normative">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sstatus.#w3c_process_revision">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |