mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
337 lines
No EOL
12 KiB
HTML
337 lines
No EOL
12 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>Visual formatting model details - 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 details (2 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="s10">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html">10 Visual formatting model details</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.#toc">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.1">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#containing-block-details">10.1 Definition of "containing block"</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.1.#x0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.1.#x1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.2">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#the-width-property">10.2 Content width: the 'width' property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.2.#propdef-width">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.2.#x3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.2.#x4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.2.#x5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#Computing_widths_and_margins">10.3 Calculating widths and margins</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.1">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#inline-width">10.3.1 Inline, non-replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.2">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#inline-replaced-width">10.3.2 Inline, replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.3">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#blockwidth">10.3.3 Block-level, non-replaced elements in normal flow</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.3.#width-constraints">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.4">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#block-replaced-width">10.3.4 Block-level, replaced elements in normal flow</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.5">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#float-width">10.3.5 Floating, non-replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.5.#shrink-to-fit-float">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.6">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#float-replaced-width">10.3.6 Floating, replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.7">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width">10.3.7 Absolutely positioned, non-replaced elements</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="left-offset-position-fixed-001-10.3.7" 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-10.3.7" 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="s10.3.7.#static-position">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.8">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.8">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#abs-replaced-width">10.3.8 Absolutely positioned, replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.9">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.9">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#inlineblock-width">10.3.9 'Inline-block', non-replaced elements in normal flow</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.3.10">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.3.10">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#inlineblock-replaced-width">10.3.10 'Inline-block', replaced elements in normal flow</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.4">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#min-max-widths">10.4 Minimum and maximum widths: 'min-width' and 'max-width'</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.4.#propdef-max-width">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.4.#propdef-min-width">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.4.#x6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.4.#x7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.4.#x8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.4.#x9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.5">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#the-height-property">10.5 Content height: the 'height' property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.5.#propdef-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.5.#x10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.5.#x11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.5.#x12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#Computing_heights_and_margins">10.6 Calculating heights and margins</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6.1">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#inline-non-replaced">10.6.1 Inline, non-replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.1.#multi-font-inline-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6.2">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#inline-replaced-height">10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6.3">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#normal-block">10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6.4">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-height">10.6.4 Absolutely positioned, non-replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6.5">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#abs-replaced-height">10.6.5 Absolutely positioned, replaced elements</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6.6">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#block-root-margin">10.6.6 Complicated cases</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.6.7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.6.7">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#root-height">10.6.7 'Auto' heights for block formatting context roots</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.7">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#min-max-heights">10.7 Minimum and maximum heights: 'min-height' and 'max-height'</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.7.#propdef-max-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.7.#propdef-min-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.7.#x13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.7.#x14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.7.#x15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.7.#x16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.8">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#line-height">10.8 Line height calculations: the 'line-height' and 'vertical-align' properties</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s10.8.1">+</a>
|
|
<a href="https://www.w3.org/TR/CSS22/visudet.html#leading">10.8.1 Leading and half-leading</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#inline-box-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#propdef-line-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#propdef-vertical-align">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#sTypoAscender">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#strut">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x23">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s10.8.1.#x24">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |