mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
989 lines
No EOL
29 KiB
HTML
989 lines
No EOL
29 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="https://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.#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="">
|
|
<td>
|
|
<a href="grid-layout-grid-span.htm">grid-layout-grid-span</a></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.#ref-for-auto-placement-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-area-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-area-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-area-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-cell-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-64">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-65">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-66">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-67">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-68">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-69">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-70">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-71">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-item-72">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-placement-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-position-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-position-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-span-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-span-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-grid-track-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-propdef-grid-area-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-propdef-grid-column-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-propdef-grid-column-end-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-propdef-grid-column-start-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-propdef-grid-row-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-propdef-grid-row-end-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#ref-for-propdef-grid-row-start-2">
|
|
<!-- 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/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.#ref-for-grid-placement-property-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#ref-for-propdef-grid-area-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#ref-for-propdef-grid-column-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#ref-for-propdef-grid-column-end-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#ref-for-propdef-grid-column-start-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#ref-for-propdef-grid-row-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#ref-for-propdef-grid-row-end-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#ref-for-propdef-grid-row-start-3">
|
|
<!-- 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/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.1.#ref-for-named-grid-area-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.1.#ref-for-named-grid-area-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.1.#ref-for-propdef-grid-area-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.1.#ref-for-propdef-grid-template-areas-18">
|
|
<!-- 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/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="https://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="">
|
|
<td>
|
|
<a href="grid-layout-lines.htm">grid-layout-lines</a></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="">
|
|
<td>
|
|
<a href="grid-layout-lines-shorthands.htm">grid-layout-lines-shorthands</a></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-d95f90ed">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.3.#ref-for-named-grid-area-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.3.#ref-for-named-grid-area-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.3.#ref-for-named-line-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.3.#ref-for-named-line-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1.4">+</a>
|
|
<a href="https://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.4.#ref-for-grid-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#ref-for-grid-cell-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#ref-for-grid-item-73">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.4.#ref-for-valdef-grid-auto-flow-dense-2">
|
|
<!-- 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/css-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.2.#ref-for-grid-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.2.#ref-for-grid-placement-property-13">
|
|
<!-- 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/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.#example-64f80282">
|
|
<!-- 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.#ref-for-auto-placement-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-explicit-grid-25">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-explicit-grid-26">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-explicit-grid-27">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-explicit-grid-28">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-explicit-grid-29">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-area-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-area-22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-area-23">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-container-67">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-container-68">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-74">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-75">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-76">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-77">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-78">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-79">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-80">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-item-81">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-line-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-placement-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-placement-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-placement-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-placement-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-placement-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-grid-span-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-implicit-grid-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-implicit-grid-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-implicit-grid-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-implicit-grid-lines-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-implicit-grid-lines-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-implicit-named-line-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-named-grid-area-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-named-grid-area-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-named-grid-area-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-named-line-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-end-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-end-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-end-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-start-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-start-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-start-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-column-start-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-row-end-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-row-end-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-row-start-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-row-start-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-propdef-grid-row-start-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.#typedef-grid-row-start-grid-line">
|
|
<!-- 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/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.1.#ref-for-grid-item-82">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.1.#ref-for-grid-placement-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.1.#ref-for-grid-placement-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.1.#ref-for-grid-placement-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.3.1.#ref-for-grid-placement-property-14">
|
|
<!-- 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/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="">
|
|
<td>
|
|
<a href="grid-layout-placement-shorthands.htm">grid-layout-placement-shorthands</a></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.4.#ref-for-grid-container-69">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-grid-container-70">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-grid-item-83">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-grid-item-84">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-grid-placement-auto-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-grid-placement-auto-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-grid-placement-auto-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-grid-placement-auto-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-area-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-end-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-end-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-end-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-end-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-end-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-end-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-start-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-start-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-start-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-start-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-column-start-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-end-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-end-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-end-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-end-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-end-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-end-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-start-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-start-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-start-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-start-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-propdef-grid-row-start-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-8">
|
|
<!-- 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/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-faa9d488">
|
|
<!-- 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.#ref-for-auto-placement-cursor-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-auto-placement-cursor-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-automatic-grid-position-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-automatic-grid-position-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-automatic-grid-position-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-definite-grid-position-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-explicit-grid-30">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-explicit-grid-31">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-explicit-grid-32">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-explicit-grid-33">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-area-24">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-area-25">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-area-26">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-area-27">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-area-28">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-area-29">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-cell-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-85">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-86">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-87">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-88">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-89">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-90">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-91">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-92">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-93">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-94">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-95">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-96">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-97">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-98">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-item-placement-algorithm-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-line-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-placement-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-placement-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-placement-property-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-span-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-span-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-grid-span-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-implicit-grid-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-occupied-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-propdef-grid-row-end-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-propdef-grid-row-start-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-propdef-grid-template-columns-24">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-unoccupied-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-unoccupied-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-column-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-row-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.5.#unoccupied">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |