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.
1659 lines
No EOL
56 KiB
HTML
1659 lines
No EOL
56 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>Defining the Grid - 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>Defining the Grid (18 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="s7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">7 Defining the Grid</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grids">7.1 The Explicit Grid</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#explicit-grid">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-explicit-grid-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-explicit-grid-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-explicit-grid-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-explicit-grid-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-explicit-grid-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-explicit-grid-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-explicit-grid-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-grid-container-34">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-grid-item-42">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-grid-line-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-grid-placement-property-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-auto-columns-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-auto-columns-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-auto-rows-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-auto-rows-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-areas-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-areas-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-areas-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-columns-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-columns-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-columns-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-rows-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-rows-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ref-for-propdef-grid-template-rows-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">7.2 Explicit Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
|
|
<!-- 4 tests -->
|
|
<tr id="grid-inline-support-grid-template-columns-rows-001-7.2" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-inline-support-grid-template-columns-rows-001.xht">grid-inline-support-grid-template-columns-rows-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>Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-layout-auto-tracks-7.2" class="">
|
|
<td>
|
|
<a href="grid-layout-auto-tracks.xht">grid-layout-auto-tracks</a></td>
|
|
<td><a href="reference/grid-layout-auto-tracks-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>auto tracks
|
|
<ul class="assert">
|
|
<li>the layout should behave the same as reference.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-layout-basic-7.2" class="">
|
|
<td>
|
|
<a href="grid-layout-basic.xht">grid-layout-basic</a></td>
|
|
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>basic
|
|
<ul class="assert">
|
|
<li>the layout should behave the same as reference.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-support-grid-template-columns-rows-001-7.2" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-support-grid-template-columns-rows-001.xht">grid-support-grid-template-columns-rows-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>Support for 'grid-template-columns' and 'grid-template-rows' properties
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.2.#example-b22f59e2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#example-bef8ba76">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#grid-template-columns-flex-factor">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#grid-template-rows-track-sizing-function">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#propdef-grid-template-columns">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#propdef-grid-template-rows">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-explicit-grid-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-explicit-grid-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-explicit-grid-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-free-space-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-free-space-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-35">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-36">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-37">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-38">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-39">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-40">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-41">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-42">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-43">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-44">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-45">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-46">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-container-47">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-item-43">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-item-44">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-item-45">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-item-46">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-item-47">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-line-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-line-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-template-columns-flex-factor-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-template-columns-flex-factor-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-template-rows-track-sizing-function-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-template-rows-track-sizing-function-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-grid-track-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-max-track-sizing-function-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-min-track-sizing-function-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-auto-columns-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-auto-rows-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-column-gap-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-row-gap-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-template-areas-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-template-columns-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-template-columns-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-template-columns-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-template-rows-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-propdef-grid-template-rows-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-track-list-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-track-list-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-track-list-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-track-list-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-track-sizing-algorithm-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-auto-repeat-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-auto-track-list-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-auto-track-list-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-fixed-breadth-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-fixed-breadth-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-fixed-breadth-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-fixed-repeat-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-fixed-repeat-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-fixed-size-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-fixed-size-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-flex-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-flex-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-flex-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-flex-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-flex-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-flex-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-flex-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-inflexible-breadth-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-inflexible-breadth-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-line-names-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-breadth-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-breadth-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-breadth-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-list-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-list-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-repeat-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-size-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-typedef-track-size-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-max-content-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-max-content-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-max-content-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-min-content-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-minmax-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#ref-for-valdef-grid-template-columns-minmax-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#track-list">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#track-listing">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-auto-track-list">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-explicit-track-list">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-fixed-breadth">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-fixed-size">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-inflexible-breadth">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-line-names">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-track-breadth">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-track-list">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#typedef-track-size">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-auto">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-fit-content">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-flex">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-length">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-max-content">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-min-content">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-minmax">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-columns-percentage">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.#valdef-grid-template-rows-none">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">7.2.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="grid-inline-support-named-grid-lines-001-7.2.1" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-inline-support-named-grid-lines-001.xht">grid-inline-support-named-grid-lines-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>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-support-named-grid-lines-001-7.2.1" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-support-named-grid-lines-001.xht">grid-support-named-grid-lines-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>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties
|
|
<ul class="assert">
|
|
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.2.1.#example-7b375b32">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#named-line">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#ref-for-grid-line-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#ref-for-grid-placement-property-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#ref-for-named-grid-area-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#ref-for-propdef-grid-template-areas-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#ref-for-propdef-grid-template-columns-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#ref-for-propdef-grid-template-rows-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.1.#ref-for-typedef-line-names-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">7.2.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
|
<!-- 3 tests -->
|
|
<tr id="grid-inline-support-repeat-001-7.2.2" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-inline-support-repeat-001.xht">grid-inline-support-repeat-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>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-layout-repeat-notation-7.2.2" class="">
|
|
<td>
|
|
<a href="grid-layout-repeat-notation.xht">grid-layout-repeat-notation</a></td>
|
|
<td><a href="reference/grid-layout-repeat-notation-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>repeat notation
|
|
<ul class="assert">
|
|
<li>the subgrid layout should behave the same as reference.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-support-repeat-001-7.2.2" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-support-repeat-001.xht">grid-support-repeat-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>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.2.2.#example-7b7c34e7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.#funcdef-repeat">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.#ref-for-funcdef-repeat-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.#ref-for-track-list-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2.2.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#repeat-syntax">7.2.2.1 Syntax of repeat()</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-flexible-sizing-function-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-funcdef-repeat-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-funcdef-repeat-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-funcdef-repeat-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-funcdef-repeat-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-funcdef-repeat-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-intrinsic-sizing-function-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-track-list-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-track-list-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-track-list-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-auto-repeat-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-auto-repeat-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-fixed-repeat-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-fixed-repeat-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-fixed-size-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-fixed-size-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-line-names-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-line-names-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-line-names-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-line-names-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-line-names-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-line-names-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-line-names-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-track-list-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-track-repeat-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-track-repeat-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-track-size-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-typedef-track-size-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-valdef-repeat-auto-fill-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#ref-for-valdef-repeat-auto-fit-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#typedef-auto-repeat">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#typedef-fixed-repeat">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.1.#typedef-track-repeat">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2.2.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#auto-repeat">7.2.2.2 Repeat-to-fill: auto-fill and auto-fit repetitions</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#collapsed-track">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#example-147a2ea0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-collapsed-gutter-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-collapsed-track-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-collapsed-track-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-grid-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-grid-container-48">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-grid-container-49">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-grid-container-50">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-grid-template-rows-track-sizing-function-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-gutter-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-max-track-sizing-function-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-propdef-grid-gap-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-track-list-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-valdef-repeat-auto-fill-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-valdef-repeat-auto-fill-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#ref-for-valdef-repeat-auto-fit-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#valdef-repeat-auto-fill">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.2.2.#valdef-repeat-auto-fit">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">7.2.3 Flexible Lengths: the fr unit</a></th></tr>
|
|
<!-- 4 tests -->
|
|
<tr id="fr-unit-7.2.3" class="">
|
|
<td>
|
|
<a href="fr-unit.xht">fr-unit</a></td>
|
|
<td><a href="reference/fr-unit-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS3 Grid Layout: Flexible Length
|
|
<ul class="assert">
|
|
<li>'fr' unit represents a fraction of the free space in the grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="fr-unit-with-percentage-7.2.3" class="">
|
|
<td>
|
|
<a href="fr-unit-with-percentage.xht">fr-unit-with-percentage</a></td>
|
|
<td><a href="reference/fr-unit-with-percentage-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS3 Grid Layout: Flexible Lenght
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-support-flexible-lengths-001-7.2.3" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-inline-support-flexible-lengths-001.xht">grid-inline-support-flexible-lengths-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>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-support-flexible-lengths-001-7.2.3" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-support-flexible-lengths-001.xht">grid-support-flexible-lengths-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>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.2.3.#flex-fraction">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#flexible-length">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-free-space-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-free-space-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-free-space-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-free-space-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-free-space-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-container-51">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-container-52">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-template-rows-track-sizing-function-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-track-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-track-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-track-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-grid-track-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-track-list-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-typedef-flex-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#ref-for-valdef-grid-template-columns-max-content-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#typedef-flex">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2.4">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">7.2.4 Resolved Values</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="grid-inline-template-columns-rows-resolved-values-001-7.2.4" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-inline-template-columns-rows-resolved-values-001.xht">grid-inline-template-columns-rows-resolved-values-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>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-template-columns-rows-resolved-values-001-7.2.4" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-template-columns-rows-resolved-values-001.xht">grid-template-columns-rows-resolved-values-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>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks
|
|
<ul class="assert">
|
|
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.2.4.#example-54a17a72">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4.#ref-for-funcdef-repeat-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4.#ref-for-propdef-grid-template-columns-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4.#ref-for-propdef-grid-template-columns-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4.#ref-for-propdef-grid-template-rows-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4.#ref-for-propdef-grid-template-rows-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4.#ref-for-valdef-display-grid-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.4.#ref-for-valdef-display-inline-grid-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">7.3 Named Areas: the grid-template-areas property</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="grid-inline-support-grid-template-areas-001-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-inline-support-grid-template-areas-001.xht">grid-inline-support-grid-template-areas-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>Support for 'grid-template-ares' property within an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-support-grid-template-areas-001-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="grid-support-grid-template-areas-001.xht">grid-support-grid-template-areas-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>Support for 'grid-template-ares' property
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.3.#example-562e60e9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#grid-template-areas-named-cell-token">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#grid-template-areas-null-cell-token">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#grid-template-areas-trash-token">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#named-grid-area">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#propdef-grid-template-areas">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-explicit-grid-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-explicit-grid-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-explicit-grid-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-cell-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-cell-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-container-53">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-container-54">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-container-55">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-item-48">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-placement-property-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-template-areas-named-cell-token-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-template-areas-named-cell-token-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-template-areas-null-cell-token-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-grid-template-areas-trash-token-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-named-grid-area-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-named-grid-area-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-named-grid-area-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-named-grid-area-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-named-grid-area-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-auto-columns-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-auto-rows-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-row-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-template-areas-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-template-areas-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-template-areas-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-template-areas-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-template-columns-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#ref-for-propdef-grid-template-rows-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#valdef-grid-template-areas-none">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#valdef-grid-template-areas-string">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">7.3.1 Implicit Named Lines</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#implicit-named-line">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-implicit-named-line-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-named-grid-area-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-named-grid-area-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-named-grid-area-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-named-grid-area-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-propdef-grid-template-areas-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-propdef-grid-template-columns-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#ref-for-propdef-grid-template-rows-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">7.3.2 Implicit Named Areas</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2.#implicit-named-area">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2.#ref-for-grid-placement-property-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2.#ref-for-implicit-named-line-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2.#ref-for-named-grid-area-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2.#ref-for-named-grid-area-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2.#ref-for-propdef-grid-template-areas-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.4">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">7.4 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#example-3c3618b0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#example-7b19a17e">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#grid-template-ascii">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#grid-template-rowcol">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#propdef-grid-template">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-funcdef-repeat-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-grid-container-56">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-named-grid-area-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-areas-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-areas-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-areas-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-columns-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-columns-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-columns-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-columns-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-columns-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-rows-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-rows-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-rows-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-rows-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-propdef-grid-template-rows-15">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-explicit-track-list-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-explicit-track-list-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-line-names-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-line-names-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-line-names-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-line-names-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-track-size-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-track-size-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-typedef-track-size-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-valdef-grid-template-areas-none-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-valdef-grid-template-rows-none-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#ref-for-valdef-grid-template-rows-none-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4.#valdef-grid-template-none">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.5">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">7.5 The Implicit Grid</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#implicit-grid">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#implicit-grid-lines">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#implicit-grid-track">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-explicit-grid-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-explicit-grid-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-explicit-grid-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-explicit-grid-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-grid-13">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-grid-container-57">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-grid-item-49">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-grid-item-50">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-implicit-grid-track-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-implicit-grid-track-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-propdef-grid-auto-columns-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-propdef-grid-auto-flow-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-propdef-grid-auto-rows-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-propdef-grid-template-areas-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-propdef-grid-template-columns-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.5.#ref-for-propdef-grid-template-rows-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.6">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">7.6 Implicit Track Sizing: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="grid-support-grid-auto-columns-rows-001-7.6" class="">
|
|
<td>
|
|
<a href="grid-support-grid-auto-columns-rows-001.xht">grid-support-grid-auto-columns-rows-001</a></td>
|
|
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>Support for 'grid-auto-columns' and 'grid-auto-rows' properties
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.6.#example-c764bf91">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#propdef-grid-auto-columns">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#propdef-grid-auto-rows">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-explicit-grid-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-explicit-grid-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-grid-container-58">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-grid-item-placement-algorithm-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-implicit-grid-track-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-implicit-grid-track-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-implicit-grid-track-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-propdef-grid-auto-columns-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-propdef-grid-auto-columns-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-propdef-grid-auto-rows-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-propdef-grid-auto-rows-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-propdef-grid-template-columns-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-propdef-grid-template-rows-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.6.#ref-for-typedef-track-size-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.7">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">7.7 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#auto-placement">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#example-151588ef">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#propdef-grid-auto-flow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-container-59">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-container-60">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-51">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-52">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-53">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-placement-algorithm-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-placement-algorithm-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-placement-algorithm-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-placement-algorithm-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-grid-item-placement-algorithm-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-propdef-grid-auto-flow-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-propdef-grid-auto-flow-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-propdef-grid-auto-flow-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-valdef-grid-auto-flow-column-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-valdef-grid-auto-flow-row-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-valdef-grid-auto-flow-row-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#ref-for-valdef-grid-auto-flow-row-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#valdef-grid-auto-flow-column">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#valdef-grid-auto-flow-dense">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.7.#valdef-grid-auto-flow-row">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.8">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#grid-shorthand">7.8 Grid Definition Shorthand: the grid property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#example-2923b164">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#grid-s-auto-column">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#grid-s-auto-row">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#propdef-grid">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-explicit-grid-22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-grid-container-61">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-columns-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-columns-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-columns-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-columns-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-flow-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-flow-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-rows-10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-rows-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-rows-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-auto-rows-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-column-gap-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-row-gap-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-areas-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-columns-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-columns-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-columns-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-columns-22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-rows-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-rows-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-rows-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-propdef-grid-template-rows-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-valdef-grid-auto-flow-column-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-valdef-grid-auto-flow-dense-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-valdef-grid-auto-flow-row-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.8.#ref-for-valdef-grid-template-rows-none-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |