Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-23 16:44:33 +01:00
Code Issues Projects Releases Packages Wiki Activity
servo/tests/wpt/css-tests/css22_dev/xhtml1print/chapter-9.xht
Ms2ger 296fa2512b Update web-platform-tests and CSS tests. 
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2017-02-06 22:38:29 +01:00

492 lines
No EOL
16 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>Visual formatting model - CSS 2.2 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 2.2 CR Test Suite</h1>
<h2>Visual formatting model (3 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="s9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html">9 Visual formatting model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.#toc">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#visual-model-intro">9.1 Introduction to the visual formatting model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#x0">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#viewport">9.1.1 The viewport</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#x1">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#containing-block">9.1.2 Containing blocks</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#x3">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#box-gen">9.2 Controlling box generation</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.#principal-box">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#block-boxes">9.2.1 Block-level elements and block boxes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.#block-container-box">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.#block-container-element">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.#block-level">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.#x6">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.#x9">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2.1.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level">9.2.1.1 Anonymous block boxes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.1.#img-anon-block">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.1.1.#x10">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2.2">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#inline-boxes">9.2.2 Inline-level elements and inline boxes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.2.#inline-box">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.2.#inline-level">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.2.#x12">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.2.#x14">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2.2.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#anonymous">9.2.2.1 Anonymous inline boxes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.2.1.#x15">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2.3">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#run-in">9.2.3 Run-in boxes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.3.#x16">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2.4">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#display-prop">9.2.4 The 'display' property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4.#propdef-display">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4.#value-def-block">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4.#value-def-inline">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4.#value-def-inline-block">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4.#value-def-list-item">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4.#x17">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.4.#x22">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.3">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#positioning-scheme">9.3 Positioning schemes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.#x23">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.#x24">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.#x25">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.#x26">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.3.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#choose-position">9.3.1 Choosing a positioning scheme: 'position' property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.1.#propdef-position">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.1.#x27">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.3.2">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#position-props">9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'</a></th></tr>
<!-- 2 tests -->
<tr id="left-offset-position-fixed-001-9.3.2" class="">
<td>
<a href="left-offset-position-fixed-001.xht">left-offset-position-fixed-001</a></td>
<td><a href="reference/left-offset-position-fixed-001-ref.xht">=</a> </td>
<td></td>
<td>left:auto offset of position:fixed box in a position:relative containing block
<ul class="assert">
<li>The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
</ul>
</td>
</tr>
<tr id="right-offset-position-fixed-001-9.3.2" class="">
<td>
<a href="right-offset-position-fixed-001.xht">right-offset-position-fixed-001</a></td>
<td><a href="reference/right-offset-position-fixed-001-ref.xht">=</a> </td>
<td></td>
<td>right:auto offset of position:fixed box in an RTL position:relative containing block
<ul class="assert">
<li>The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.3.2.#positioned-element">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#propdef-bottom">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#propdef-left">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#propdef-right">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#propdef-top">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#x29">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#x30">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#x31">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.2.#x32">
<!-- 0 tests -->
</tbody>
<tbody id="s9.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.4">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#normal-flow">9.4 Normal flow</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.#x33">
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.4.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#block-formatting">9.4.1 Block formatting contexts</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.4.2">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#inline-formatting">9.4.2 Inline formatting contexts</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.2.#img-inline-layout">
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.2.#line-box">
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.2.#phantom-line-box">
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.4.3">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#relative-positioning">9.4.3 Relative positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.3.#x35">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#floats">9.5 Floats</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#bfc-next-to-float">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#img-float2p">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#img-floatclear">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#img-floateg">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#float-position">9.5.1 Positioning the float: the 'float' property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.1.#float-rules">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.1.#propdef-float">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.1.#x36">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.1.#x38">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5.2">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#flow-control">9.5.2 Controlling flow next to floats: the 'clear' property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.2.#clearance">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.2.#propdef-clear">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.2.#x39">
<!-- 0 tests -->
</tbody>
<tbody id="s9.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.6">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#absolute-positioning">9.6 Absolute positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.6.#absolutely-positioned">
<!-- 0 tests -->
</tbody>
<tbody id="s9.6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.6.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#fixed-positioning">9.6.1 Fixed positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.6.1.#img-frame">
<!-- 0 tests -->
</tbody>
<tbody id="s9.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.7">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#dis-pos-flo">9.7 Relationships between 'display', 'position', and 'float'</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.8">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#comparison">9.8 Comparison of normal flow, floats, and absolute positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.8.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#comp-normal-flow">9.8.1 Normal flow</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.1.#img-flow-generic">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.8.2">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#comp-relpos">9.8.2 Relative positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.2.#img-flow-relative">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.8.3">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#comp-float">9.8.3 Floating a box</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.3.#img-flow-clear">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.3.#img-flow-clear2">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.3.#img-flow-float">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.8.4">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#comp-abspos">9.8.4 Absolute positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.4.#img-changebar">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.4.#img-flow-abs-rel">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.4.#img-flow-absolute">
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.4.#img-flow-static">
<!-- 0 tests -->
</tbody>
<tbody id="s9.9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.9">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#layers">9.9 Layered presentation</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.9.1">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#z-index">9.9.1 Specifying the stack level: the 'z-index' property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.9.1.#propdef-z-index">
<!-- 0 tests -->
</tbody>
<tbody id="s9.9.1.#stack-level">
<!-- 0 tests -->
</tbody>
<tbody id="s9.9.1.#x42">
<!-- 0 tests -->
</tbody>
<tbody id="s9.9.1.#x43">
<!-- 0 tests -->
</tbody>
<tbody id="s9.9.1.#x44">
<!-- 0 tests -->
</tbody>
<tbody id="s9.10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.10">+</a>
<a href="https://www.w3.org/TR/CSS22/visuren.html#direction">9.10 Text direction: the 'direction' and 'unicode-bidi' properties</a></th></tr>
<!-- 1 tests -->
<tr id="unicode-bidi-parsing-001-9.10" class="primary dom script">
<td><strong>
<a href="unicode-bidi-parsing-001.xht">unicode-bidi-parsing-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 Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
<ul class="assert">
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.10.#propdef-direction">
<!-- 0 tests -->
</tbody>
<tbody id="s9.10.#propdef-unicode-bidi">
<!-- 0 tests -->
</tbody>
<tbody id="s9.10.#x46">
<!-- 0 tests -->
</tbody>
<tbody id="s9.10.#x47">
<!-- 0 tests -->
</tbody>
<tbody id="s9.10.#x48">
<!-- 0 tests -->
</tbody>
<tbody id="s9.10.#x49">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>
Reference in a new issue View git blame Copy permalink