mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
257 lines
No EOL
8.2 KiB
HTML
257 lines
No EOL
8.2 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Placing Grid Items - CSS Grid Layout 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 Grid Layout Module Level 1 CR Test Suite</h1>
|
|
<h2>Placing Grid Items (4 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s9">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#placement">9 Placing Grid Items</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#automatic-grid-position">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#automatic-grid-span">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#definite-grid-position">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#definite-grid-span">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#grid-placement">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#grid-placement-property">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#grid-position">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#grid-span">
|
|
<!-- 1 tests -->
|
|
<tr id="grid-layout-grid-span-9.#grid-span" class="primary">
|
|
<td><strong>
|
|
<a href="grid-layout-grid-span.htm">grid-layout-grid-span</a></strong></td>
|
|
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>grid span
|
|
<ul class="assert">
|
|
<li>the layout should behave the same as reference.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s9.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#common-uses">9.1 Common Patterns for Grid Placement</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#grid-property-breakdown">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1.1">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-named-areas">9.1.1 Named Areas</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.1.#example-7c4df580">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.1.#example-df960baa">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1.2">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-numeric">9.1.2 Numeric Indexes and Spans</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.2.#example-27d41da0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.2.#example-3c89c9a4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1.3">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-named-lines">9.1.3 Named Lines and Spans</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="grid-layout-lines-9.1.3" class="primary">
|
|
<td><strong>
|
|
<a href="grid-layout-lines.htm">grid-layout-lines</a></strong></td>
|
|
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>grid lines
|
|
<ul class="assert">
|
|
<li>the layout should behave the same as reference.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-layout-lines-shorthands-9.1.3" class="primary">
|
|
<td><strong>
|
|
<a href="grid-layout-lines-shorthands.htm">grid-layout-lines-shorthands</a></strong></td>
|
|
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>grid lines shorthands
|
|
<ul class="assert">
|
|
<li>the layout should behave the same as reference.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s9.1.3.#example-01a712a1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.3.#example-f18ff78e">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1.4">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-placement">9.1.4 Auto Placement</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#example-63dbf459">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#example-dd1fe353">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1.5">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.5.#example-d12eb89f">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.2">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.3">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#line-placement">9.3 Line-based Placement: the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#example-198bb78c">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#grid-placement-auto">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#grid-placement-int">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#grid-placement-slot">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#grid-placement-span-int">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#propdef-grid-column-end">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#propdef-grid-column-start">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#propdef-grid-row-end">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#propdef-grid-row-start">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#typedef-grid-line">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.3.1">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.4">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#placement-shorthands">9.4 Placement Shorthands: the grid-column, grid-row, and grid-area properties</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="grid-layout-placement-shorthands-9.4" class="primary">
|
|
<td><strong>
|
|
<a href="grid-layout-placement-shorthands.htm">grid-layout-placement-shorthands</a></strong></td>
|
|
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>placement shorthand
|
|
<ul class="assert">
|
|
<li>the layout should behave the same as reference.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s9.4.#propdef-grid-area">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#propdef-grid-column">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#propdef-grid-row">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.5">+</a>
|
|
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.5 Grid Item Placement Algorithm</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#auto-placement-cursor">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#example-f1587aa2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#grid-item-placement-algorithm">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#occupied">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#unoccupied">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |