mirror of
https://github.com/servo/servo.git
synced 2025-08-10 07:55:33 +01:00
Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6
This commit is contained in:
Ms2ger
parent
40c52d55e2
commit
349c75536d
7391 changed files with 304135 additions and 153491 deletions
|
|
@ -30,19 +30,19 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2.#example-8bec48fd">
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
<tbody id="s1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3.#example-c1aac7f6">
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
<tbody id="s1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4.#example-07f44438">
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#augmented-grid">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s10.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#gutter">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s11.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#example-09da26fa">
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
<tbody id="s11.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#example-50fa0987">
|
||||
|
|
@ -78,13 +78,13 @@
|
|||
<tbody id="s11.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-2b9c8e4b">
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<tbody id="s11.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#baseline-participation">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s12">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#fixed-sizing-function">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s12.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#issue-4f54519f">
|
||||
|
|
@ -57,14 +57,14 @@
|
|||
<tbody id="s12.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#free-space">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-free-space-unit.htm">grid-layout-free-space-unit</a></strong></td>
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="">
|
||||
<td>
|
||||
<a href="grid-layout-free-space-unit.htm">grid-layout-free-space-unit</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>free space unit
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<tbody id="s12.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#base-size">
|
||||
|
|
@ -101,13 +101,13 @@
|
|||
<tbody id="s12.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#distribute-extra-space">
|
||||
|
|
@ -125,19 +125,19 @@
|
|||
<tbody id="s12.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#flex-factor-sum">
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s13">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1.#issue-69d6a1c1">
|
||||
|
|
@ -161,9 +161,9 @@
|
|||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-layout-properties.htm">grid-layout-properties</a></strong></td>
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.htm">grid-layout-properties</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 Layout - Properties exist
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#column-axis">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#example-35388f26">
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#example-07ee9d6e">
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#example-05759431">
|
||||
|
|
|
|||
|
|
@ -30,17 +30,17 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="display-grid.htm">display-grid</a></strong></td>
|
||||
<tr id="display-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-grid.htm">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: grid
|
||||
|
|
@ -49,9 +49,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="display-inline-grid-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="display-inline-grid.htm">display-inline-grid</a></strong></td>
|
||||
<tr id="display-inline-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-inline-grid.htm">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
|
|
@ -60,17 +60,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="grid-computed-value-display-floated-items-001.htm">grid-computed-value-display-floated-items-001</a></strong></td>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-computed-value-display-floated-items-001.htm">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-display-grid-001.htm">grid-display-grid-001</a></strong></td>
|
||||
<tr id="grid-display-grid-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.htm">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
|
|
@ -79,9 +79,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-display-inline-grid-001.htm">grid-display-inline-grid-001</a></strong></td>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-display-inline-grid-001.htm">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'inline-grid' value for 'display' property
|
||||
|
|
@ -90,9 +90,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></strong></td>
|
||||
<tr id="grid-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
|
|
@ -101,9 +101,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></strong></td>
|
||||
<tr id="grid-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
|
|
@ -112,9 +112,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></strong></td>
|
||||
<tr id="grid-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items
|
||||
|
|
@ -123,9 +123,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-001.htm">grid-first-line-001</a></strong></td>
|
||||
<tr id="grid-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-001.htm">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
|
|
@ -134,9 +134,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-002.htm">grid-first-line-002</a></strong></td>
|
||||
<tr id="grid-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-002.htm">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
|
|
@ -145,9 +145,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-003.htm">grid-first-line-003</a></strong></td>
|
||||
<tr id="grid-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-003.htm">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items
|
||||
|
|
@ -156,25 +156,25 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-float-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-float-001.htm">grid-float-001</a></strong></td>
|
||||
<tr id="grid-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-float-001.htm">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-floats-no-intrude-001.htm">grid-floats-no-intrude-001</a></strong></td>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-floats-no-intrude-001.htm">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
|
|
@ -183,9 +183,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
|
|
@ -194,9 +194,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
|
|
@ -205,9 +205,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></strong></td>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
|
|
@ -216,9 +216,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></strong></td>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
|
|
@ -227,9 +227,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></strong></td>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
|
|
@ -238,25 +238,25 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-float-001.htm">grid-inline-float-001</a></strong></td>
|
||||
<tr id="grid-inline-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.htm">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-floats-no-intrude-001.htm">grid-inline-floats-no-intrude-001</a></strong></td>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.htm">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-margins-no-collapse-001.htm">grid-inline-margins-no-collapse-001</a></strong></td>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.htm">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
|
|
@ -265,9 +265,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></strong></td>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
|
|
@ -276,17 +276,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-vertical-align-001.htm">grid-inline-vertical-align-001</a></strong></td>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.htm">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-margins-no-collapse-001.htm">grid-margins-no-collapse-001</a></strong></td>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.htm">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
|
|
@ -295,9 +295,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-multicol-001.htm">grid-multicol-001</a></strong></td>
|
||||
<tr id="grid-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.htm">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
|
|
@ -306,9 +306,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-3.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-display-001.htm">grid-support-display-001</a></strong></td>
|
||||
<tr id="grid-support-display-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.htm">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
|
|
@ -317,9 +317,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-vertical-align-001.htm">grid-vertical-align-001</a></strong></td>
|
||||
<tr id="grid-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.htm">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
|
|
@ -341,7 +341,7 @@
|
|||
<tbody id="s3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#issue-839d056f">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>Grid Items (61 tests)</h2>
|
||||
<h2>Grid Items (65 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-001.htm">grid-inline-items-001</a></strong></td>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.htm">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-002.htm">grid-inline-items-002</a></strong></td>
|
||||
<tr id="grid-inline-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.htm">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
|
|
@ -54,17 +54,61 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-003.htm">grid-inline-items-003</a></strong></td>
|
||||
<tr id="grid-inline-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.htm">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-001.htm">grid-items-001</a></strong></td>
|
||||
<tr id="grid-item-containing-block-001-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.htm">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.htm">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.htm">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.htm">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.htm">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
|
|
@ -73,9 +117,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-002.htm">grid-items-002</a></strong></td>
|
||||
<tr id="grid-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.htm">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
|
|
@ -84,9 +128,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-003.htm">grid-items-003</a></strong></td>
|
||||
<tr id="grid-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.htm">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
|
|
@ -108,7 +152,7 @@
|
|||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1.#issue-8f83c1bc">
|
||||
|
|
@ -117,163 +161,163 @@
|
|||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-001.htm">grid-inline-order-property-auto-placement-001</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.htm">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-002.htm">grid-inline-order-property-auto-placement-002</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.htm">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-003.htm">grid-inline-order-property-auto-placement-003</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.htm">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-004.htm">grid-inline-order-property-auto-placement-004</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.htm">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-005.htm">grid-inline-order-property-auto-placement-005</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.htm">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-001.htm">grid-inline-order-property-painting-001</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.htm">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-002.htm">grid-inline-order-property-painting-002</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.htm">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-003.htm">grid-inline-order-property-painting-003</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.htm">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-004.htm">grid-inline-order-property-painting-004</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.htm">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-005.htm">grid-inline-order-property-painting-005</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.htm">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-001.htm">grid-order-property-auto-placement-001</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.htm">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-002.htm">grid-order-property-auto-placement-002</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.htm">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-003.htm">grid-order-property-auto-placement-003</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.htm">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-004.htm">grid-order-property-auto-placement-004</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.htm">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-005.htm">grid-order-property-auto-placement-005</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.htm">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-001.htm">grid-order-property-painting-001</a></strong></td>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.htm">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-002.htm">grid-order-property-painting-002</a></strong></td>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.htm">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-003.htm">grid-order-property-painting-003</a></strong></td>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.htm">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-004.htm">grid-order-property-painting-004</a></strong></td>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.htm">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-005.htm">grid-order-property-painting-005</a></strong></td>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.htm">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
|
|
@ -283,115 +327,115 @@
|
|||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-inline-blocks-001.htm">grid-inline-items-inline-blocks-001</a></strong></td>
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.htm">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-001.htm">grid-inline-z-axis-ordering-001</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.htm">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-002.htm">grid-inline-z-axis-ordering-002</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.htm">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-003.htm">grid-inline-z-axis-ordering-003</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.htm">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-004.htm">grid-inline-z-axis-ordering-004</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.htm">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-005.htm">grid-inline-z-axis-ordering-005</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.htm">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.htm">grid-inline-z-axis-ordering-overlapped-items-001</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.htm">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.htm">grid-inline-z-axis-ordering-overlapped-items-002</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.htm">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.htm">grid-inline-z-axis-ordering-overlapped-items-003</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.htm">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.htm">grid-inline-z-axis-ordering-overlapped-items-004</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.htm">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.htm">grid-inline-z-axis-ordering-overlapped-items-005</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.htm">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.htm">grid-inline-z-axis-ordering-overlapped-items-006</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.htm">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-items-inline-blocks-001.htm">grid-items-inline-blocks-001</a></strong></td>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.htm">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-z-order-a.htm">grid-layout-z-order-a</a></strong></td>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.htm">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
|
|
@ -400,9 +444,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-z-order-b.htm">grid-layout-z-order-b</a></strong></td>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.htm">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
|
|
@ -411,89 +455,89 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-001.htm">grid-z-axis-ordering-001</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.htm">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-002.htm">grid-z-axis-ordering-002</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.htm">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-003.htm">grid-z-axis-ordering-003</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.htm">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-004.htm">grid-z-axis-ordering-004</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.htm">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-005.htm">grid-z-axis-ordering-005</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.htm">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.htm">grid-z-axis-ordering-overlapped-items-001</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.htm">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.htm">grid-z-axis-ordering-overlapped-items-002</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.htm">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.htm">grid-z-axis-ordering-overlapped-items-003</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.htm">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.htm">grid-z-axis-ordering-overlapped-items-004</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.htm">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.htm">grid-z-axis-ordering-overlapped-items-005</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.htm">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.htm">grid-z-axis-ordering-overlapped-items-006</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.htm">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
|
|
@ -506,11 +550,11 @@
|
|||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -519,9 +563,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -530,9 +574,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -541,9 +585,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -552,9 +596,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -563,9 +607,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -574,9 +618,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-007-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-007-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -585,9 +629,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-008-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-008-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -596,9 +640,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-009-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-009-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#explicit-grid">
|
||||
|
|
@ -39,11 +39,11 @@
|
|||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">5.1 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-5.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-grid-template-columns-rows-001.htm">grid-inline-support-grid-template-columns-rows-001</a></strong></td>
|
||||
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-columns-rows-001.htm">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
|
||||
|
|
@ -52,9 +52,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-auto-tracks-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-auto-tracks.htm">grid-layout-auto-tracks</a></strong></td>
|
||||
<tr id="grid-layout-auto-tracks-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-auto-tracks.htm">grid-layout-auto-tracks</a></td>
|
||||
<td><a href="reference/grid-layout-auto-tracks-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>auto tracks
|
||||
|
|
@ -63,9 +63,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-basic-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-basic.htm">grid-layout-basic</a></strong></td>
|
||||
<tr id="grid-layout-basic-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-basic.htm">grid-layout-basic</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>basic
|
||||
|
|
@ -74,9 +74,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-grid-template-columns-rows-001.htm">grid-support-grid-template-columns-rows-001</a></strong></td>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-columns-rows-001.htm">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
|
||||
|
|
@ -161,11 +161,11 @@
|
|||
<tbody id="s5.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-named-grid-lines-001.htm">grid-inline-support-named-grid-lines-001</a></strong></td>
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-named-grid-lines-001.htm">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
|
||||
|
|
@ -174,9 +174,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-named-grid-lines-001.htm">grid-support-named-grid-lines-001</a></strong></td>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-named-grid-lines-001.htm">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
|
||||
|
|
@ -195,11 +195,11 @@
|
|||
<tbody id="s5.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="grid-inline-support-repeat-001-5.1.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-repeat-001.htm">grid-inline-support-repeat-001</a></strong></td>
|
||||
<tr id="grid-inline-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-repeat-001.htm">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
|
||||
|
|
@ -208,9 +208,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-repeat-notation-5.1.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-repeat-notation.htm">grid-layout-repeat-notation</a></strong></td>
|
||||
<tr id="grid-layout-repeat-notation-5.1.2" class="">
|
||||
<td>
|
||||
<a href="grid-layout-repeat-notation.htm">grid-layout-repeat-notation</a></td>
|
||||
<td><a href="reference/grid-layout-repeat-notation-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>repeat notation
|
||||
|
|
@ -219,9 +219,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-repeat-001-5.1.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-repeat-001.htm">grid-support-repeat-001</a></strong></td>
|
||||
<tr id="grid-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-repeat-001.htm">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
|
||||
|
|
@ -261,11 +261,11 @@
|
|||
<tbody id="s5.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="fr-unit-5.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="fr-unit.htm">fr-unit</a></strong></td>
|
||||
<tr id="fr-unit-5.1.3" class="">
|
||||
<td>
|
||||
<a href="fr-unit.htm">fr-unit</a></td>
|
||||
<td><a href="reference/fr-unit-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Length
|
||||
|
|
@ -274,17 +274,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="fr-unit-with-percentage-5.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="fr-unit-with-percentage.htm">fr-unit-with-percentage</a></strong></td>
|
||||
<tr id="fr-unit-with-percentage-5.1.3" class="">
|
||||
<td>
|
||||
<a href="fr-unit-with-percentage.htm">fr-unit-with-percentage</a></td>
|
||||
<td><a href="reference/fr-unit-with-percentage-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Lenght
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-flexible-lengths-001.htm">grid-inline-support-flexible-lengths-001</a></strong></td>
|
||||
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-flexible-lengths-001.htm">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
|
||||
|
|
@ -293,9 +293,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.3" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-flexible-lengths-001.htm">grid-support-flexible-lengths-001</a></strong></td>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-flexible-lengths-001.htm">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
|
||||
|
|
@ -317,7 +317,7 @@
|
|||
<tbody id="s5.1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-51d08e15">
|
||||
|
|
@ -341,11 +341,11 @@
|
|||
<tbody id="s5.1.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-template-columns-rows-resolved-values-001.htm">grid-inline-template-columns-rows-resolved-values-001</a></strong></td>
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-template-columns-rows-resolved-values-001.htm">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
|
||||
|
|
@ -354,9 +354,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-template-columns-rows-resolved-values-001.htm">grid-template-columns-rows-resolved-values-001</a></strong></td>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-template-columns-rows-resolved-values-001.htm">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
|
||||
|
|
@ -372,11 +372,11 @@
|
|||
<tbody id="s5.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-grid-template-areas-001.htm">grid-inline-support-grid-template-areas-001</a></strong></td>
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-areas-001.htm">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
|
||||
|
|
@ -385,9 +385,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-grid-template-areas-001.htm">grid-support-grid-template-areas-001</a></strong></td>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-areas-001.htm">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
|
||||
|
|
@ -424,7 +424,7 @@
|
|||
<tbody id="s5.2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1.#implicit-named-line">
|
||||
|
|
@ -433,7 +433,7 @@
|
|||
<tbody id="s5.2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2.#implicit-named-area">
|
||||
|
|
@ -442,7 +442,7 @@
|
|||
<tbody id="s5.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-7bb340db">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Implicit Grid (0 tests)</h2>
|
||||
<h2>The Implicit Grid (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid">
|
||||
|
|
@ -45,8 +45,16 @@
|
|||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-support-grid-auto-columns-rows-001-6.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-grid-auto-columns-rows-001.htm">grid-support-grid-auto-columns-rows-001</a></td>
|
||||
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Support for 'grid-auto-columns' and 'grid-auto-rows' properties
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.1.#example-f6b2073d">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -60,7 +68,7 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#auto-placement">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.#example-750f98a7">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#clamp-a-grid-area">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -56,9 +56,9 @@
|
|||
</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>
|
||||
<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
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -104,11 +104,11 @@
|
|||
<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>
|
||||
<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="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-lines.htm">grid-layout-lines</a></strong></td>
|
||||
<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
|
||||
|
|
@ -117,9 +117,9 @@
|
|||
</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>
|
||||
<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
|
||||
|
|
@ -138,7 +138,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -150,7 +150,7 @@
|
|||
<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>
|
||||
<a href="https://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">
|
||||
|
|
@ -159,13 +159,13 @@
|
|||
<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>
|
||||
<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.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>
|
||||
<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">
|
||||
|
|
@ -201,17 +201,17 @@
|
|||
<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>
|
||||
<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.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>
|
||||
<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="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-placement-shorthands.htm">grid-layout-placement-shorthands</a></strong></td>
|
||||
<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
|
||||
|
|
@ -233,7 +233,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growable-tracks">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert">
|
||||
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 100px;
|
||||
grid-template-columns: 100px;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert">
|
||||
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 50%;
|
||||
grid-template-columns: 50%;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert">
|
||||
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid item sizing in a positioned grid container</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area that intersects flexible tracks" name="assert">
|
||||
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
position: absolute;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
#test-item-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#reference-overlapping-green{
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="grid">
|
||||
<div id="test-item-overlapped-red">
|
||||
<div id="reference-overlapping-green">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#auto-tracks" rel="help">
|
||||
<link href="reference/grid-support-grid-auto-columns-rows-001-ref.htm" rel="match">
|
||||
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira">
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
grid-auto-columns: 30px;
|
||||
grid-auto-rows: 30px;
|
||||
}
|
||||
#first-column-first-row {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
background-color: purple;
|
||||
}
|
||||
#third-column-first-and-second-rows {
|
||||
grid-column: 3;
|
||||
grid-row: 1 / span 2;
|
||||
background-color: orange
|
||||
}
|
||||
#first-and-second-columns-second-row {
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 2;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div id="first-column-first-row"></div>
|
||||
<div id="third-column-first-and-second-rows"></div>
|
||||
<div id="third-column"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
|
||||
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira">
|
||||
<style>
|
||||
#grid {
|
||||
position: relative;
|
||||
}
|
||||
.position {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
#first-column-first-row {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: purple;
|
||||
}
|
||||
#third-column-first-and-second-rows {
|
||||
left: 60px;
|
||||
width: 30px;
|
||||
height: 60px;
|
||||
background-color: orange
|
||||
}
|
||||
#first-and-second-columns-second-row {
|
||||
top: 30px;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div id="first-column-first-row" class="position"></div>
|
||||
<div id="third-column-first-and-second-rows" class="position"></div>
|
||||
<div id="first-and-second-columns-second-row" class="position"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,12 +1,8 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
|
|
@ -15,14 +11,9 @@
|
|||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -424,6 +424,38 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-001.htm">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-002.htm">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-003.htm">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing in a positioned grid container">
|
||||
<a href="grid-item-containing-block-004.htm">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-items-001" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="Regular and anonymous grid items">
|
||||
|
|
@ -704,6 +736,14 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-support-grid-auto-columns-rows-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Support for 'grid-auto-columns' and 'grid-auto-rows' properties">
|
||||
<a href="grid-support-grid-auto-columns-rows-001.htm">grid-support-grid-auto-columns-rows-001</a></td>
|
||||
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-vertical-align-001" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="'vertical-align' has no effect on grid items">
|
||||
|
|
|
|||
|
|
@ -49,6 +49,10 @@ grid-inline-z-axis-ordering-overlapped-items-003.htm == reference/grid-filled-bl
|
|||
grid-inline-z-axis-ordering-overlapped-items-004.htm == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm
|
||||
grid-inline-z-axis-ordering-overlapped-items-005.htm == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm
|
||||
grid-inline-z-axis-ordering-overlapped-items-006.htm == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm
|
||||
grid-item-containing-block-001.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-item-containing-block-002.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-item-containing-block-003.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-item-containing-block-004.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-items-001.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-items-002.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-items-003.htm == reference/ref-filled-green-100px-square.htm
|
||||
|
|
@ -84,6 +88,7 @@ grid-order-property-painting-002.htm == reference/ref-filled-green-100px-square.
|
|||
grid-order-property-painting-003.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-order-property-painting-004.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-order-property-painting-005.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-support-grid-auto-columns-rows-001.htm == reference/grid-support-grid-auto-columns-rows-001-ref.htm
|
||||
grid-vertical-align-001.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-z-axis-ordering-001.htm == reference/ref-filled-green-100px-square.htm
|
||||
grid-z-axis-ordering-002.htm == reference/ref-filled-green-100px-square.htm
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.htm">Chapter 4 -
|
||||
Grid Items</a></th>
|
||||
<td>(61 Tests)</td></tr>
|
||||
<td>(65 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.htm">Chapter 5 -
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.htm">Chapter 6 -
|
||||
The Implicit Grid</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.htm">Chapter 7 -
|
||||
|
|
|
|||
|
|
@ -13,10 +13,10 @@ html/fr-unit.htm ad240034d44b51ec3ac16b771ce8c2d09a21d900 ?
|
|||
xhtml1/fr-unit.xht ad240034d44b51ec3ac16b771ce8c2d09a21d900 ?
|
||||
html/grid-computed-value-display-floated-items-001.htm 6ba0eedd8546aa03da38865830ab4a3903ab6fe7 ?
|
||||
xhtml1/grid-computed-value-display-floated-items-001.xht 6ba0eedd8546aa03da38865830ab4a3903ab6fe7 ?
|
||||
html/grid-display-grid-001.htm 03f262b935d1cdc42f63a308ebae366c9c3f5a89 ?
|
||||
xhtml1/grid-display-grid-001.xht 03f262b935d1cdc42f63a308ebae366c9c3f5a89 ?
|
||||
html/grid-display-inline-grid-001.htm a2ff36b467eb254fd3307cf22563dcb2c68995a7 ?
|
||||
xhtml1/grid-display-inline-grid-001.xht a2ff36b467eb254fd3307cf22563dcb2c68995a7 ?
|
||||
html/grid-display-grid-001.htm c38ca2c8315973b3d396b557011f72105884b210 ?
|
||||
xhtml1/grid-display-grid-001.xht c38ca2c8315973b3d396b557011f72105884b210 ?
|
||||
html/grid-display-inline-grid-001.htm f07c319d86f950d9e3e72a830563df9dacf51059 ?
|
||||
xhtml1/grid-display-inline-grid-001.xht f07c319d86f950d9e3e72a830563df9dacf51059 ?
|
||||
html/grid-first-letter-001.htm 4865db91fd11be11d071fc07c7fcf3579b471f9c ?
|
||||
xhtml1/grid-first-letter-001.xht 4865db91fd11be11d071fc07c7fcf3579b471f9c ?
|
||||
html/grid-first-letter-002.htm 9b52bf654f0e9f065667c5275cb3e91e6e772214 ?
|
||||
|
|
@ -29,10 +29,10 @@ html/grid-first-line-002.htm 80eea8e3a619b4c8204c3388c73560e027d0aeee ?
|
|||
xhtml1/grid-first-line-002.xht 80eea8e3a619b4c8204c3388c73560e027d0aeee ?
|
||||
html/grid-first-line-003.htm 4b5e03b3809c2f765d2b2c679b1f55a65fd60a4d ?
|
||||
xhtml1/grid-first-line-003.xht 4b5e03b3809c2f765d2b2c679b1f55a65fd60a4d ?
|
||||
html/grid-float-001.htm 613520c35a94fbcecdc32843fc9864a2c7beb7db ?
|
||||
xhtml1/grid-float-001.xht 613520c35a94fbcecdc32843fc9864a2c7beb7db ?
|
||||
html/grid-floats-no-intrude-001.htm e660e79d60359055e30e392535278465ee5cc018 ?
|
||||
xhtml1/grid-floats-no-intrude-001.xht e660e79d60359055e30e392535278465ee5cc018 ?
|
||||
html/grid-float-001.htm 2cdb8fee9ceee8a6819760b7d5cc1ef4fa209e8b ?
|
||||
xhtml1/grid-float-001.xht 2cdb8fee9ceee8a6819760b7d5cc1ef4fa209e8b ?
|
||||
html/grid-floats-no-intrude-001.htm 340f841ebeab1cca2b9d2b7bfa04f9de982a0cff ?
|
||||
xhtml1/grid-floats-no-intrude-001.xht 340f841ebeab1cca2b9d2b7bfa04f9de982a0cff ?
|
||||
html/grid-inline-first-letter-001.htm 22ccd2e02fa33e63dd51b80d25442d51608bd790 ?
|
||||
xhtml1/grid-inline-first-letter-001.xht 22ccd2e02fa33e63dd51b80d25442d51608bd790 ?
|
||||
html/grid-inline-first-letter-002.htm 73c7593f2cb772bc278242ad371e0eb1a6060c93 ?
|
||||
|
|
@ -45,22 +45,22 @@ html/grid-inline-first-line-002.htm 3850fcd25e4bb7d4ccac5463cbcf0da17f0e755c ?
|
|||
xhtml1/grid-inline-first-line-002.xht 3850fcd25e4bb7d4ccac5463cbcf0da17f0e755c ?
|
||||
html/grid-inline-first-line-003.htm bd407ad32213f6b35ec5b75c7da8059004a2ad4f ?
|
||||
xhtml1/grid-inline-first-line-003.xht bd407ad32213f6b35ec5b75c7da8059004a2ad4f ?
|
||||
html/grid-inline-float-001.htm 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc ?
|
||||
xhtml1/grid-inline-float-001.xht 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc ?
|
||||
html/grid-inline-floats-no-intrude-001.htm 023d2517d777699e4cb720aae6a5db2e6320f64a ?
|
||||
xhtml1/grid-inline-floats-no-intrude-001.xht 023d2517d777699e4cb720aae6a5db2e6320f64a ?
|
||||
html/grid-inline-items-001.htm 7e3b520c584fea0f45e4de1f26685c21e8d6200a ?
|
||||
xhtml1/grid-inline-items-001.xht 7e3b520c584fea0f45e4de1f26685c21e8d6200a ?
|
||||
html/grid-inline-items-002.htm 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 ?
|
||||
xhtml1/grid-inline-items-002.xht 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 ?
|
||||
html/grid-inline-items-003.htm 5f9d45d3f7cc135bfaea625317ac8c261354b63c ?
|
||||
xhtml1/grid-inline-items-003.xht 5f9d45d3f7cc135bfaea625317ac8c261354b63c ?
|
||||
html/grid-inline-items-inline-blocks-001.htm e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 ?
|
||||
xhtml1/grid-inline-items-inline-blocks-001.xht e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 ?
|
||||
html/grid-inline-float-001.htm 825d42bdc9fc9ae781c4e88f6e1c718a2a4fb246 ?
|
||||
xhtml1/grid-inline-float-001.xht 825d42bdc9fc9ae781c4e88f6e1c718a2a4fb246 ?
|
||||
html/grid-inline-floats-no-intrude-001.htm f741fb816945aadc4d3c28ec82696c99d401646d ?
|
||||
xhtml1/grid-inline-floats-no-intrude-001.xht f741fb816945aadc4d3c28ec82696c99d401646d ?
|
||||
html/grid-inline-items-001.htm d23842bba6e8436fd412e77a9f9ecf7616f21da4 ?
|
||||
xhtml1/grid-inline-items-001.xht d23842bba6e8436fd412e77a9f9ecf7616f21da4 ?
|
||||
html/grid-inline-items-002.htm d2e06207fda4a76ef130f160f239677b4d18537a ?
|
||||
xhtml1/grid-inline-items-002.xht d2e06207fda4a76ef130f160f239677b4d18537a ?
|
||||
html/grid-inline-items-003.htm d8f910571610e2a8a0eb224086578caf17014b5c ?
|
||||
xhtml1/grid-inline-items-003.xht d8f910571610e2a8a0eb224086578caf17014b5c ?
|
||||
html/grid-inline-items-inline-blocks-001.htm 243a7d8d8d344a0e4c7bdb98873877eb20a7d118 ?
|
||||
xhtml1/grid-inline-items-inline-blocks-001.xht 243a7d8d8d344a0e4c7bdb98873877eb20a7d118 ?
|
||||
html/grid-inline-margins-no-collapse-001.htm a192201faf7ef25b555ae48cc9e549a5454f2bad ?
|
||||
xhtml1/grid-inline-margins-no-collapse-001.xht a192201faf7ef25b555ae48cc9e549a5454f2bad ?
|
||||
html/grid-inline-multicol-001.htm 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f ?
|
||||
xhtml1/grid-inline-multicol-001.xht 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f ?
|
||||
html/grid-inline-multicol-001.htm e531f2cacb3048f0e59b4dbcc8efb181362c35b6 ?
|
||||
xhtml1/grid-inline-multicol-001.xht e531f2cacb3048f0e59b4dbcc8efb181362c35b6 ?
|
||||
html/grid-inline-order-property-auto-placement-001.htm 918e47a41ffe595541954cf93da712b43f445a5e ?
|
||||
xhtml1/grid-inline-order-property-auto-placement-001.xht 918e47a41ffe595541954cf93da712b43f445a5e ?
|
||||
html/grid-inline-order-property-auto-placement-002.htm 4edacd9b53d661e31bf2106e16952e5f1d5a4ae3 ?
|
||||
|
|
@ -71,16 +71,16 @@ html/grid-inline-order-property-auto-placement-004.htm e4829929a72456f496b3cb51c
|
|||
xhtml1/grid-inline-order-property-auto-placement-004.xht e4829929a72456f496b3cb51cfef0f7a513ca928 ?
|
||||
html/grid-inline-order-property-auto-placement-005.htm 6ab305e5677478e990b3875efb5e88c2354f52c5 ?
|
||||
xhtml1/grid-inline-order-property-auto-placement-005.xht 6ab305e5677478e990b3875efb5e88c2354f52c5 ?
|
||||
html/grid-inline-order-property-painting-001.htm 8b9dff39077af4b2aacfeb45bd613ff87f8337f1 ?
|
||||
xhtml1/grid-inline-order-property-painting-001.xht 8b9dff39077af4b2aacfeb45bd613ff87f8337f1 ?
|
||||
html/grid-inline-order-property-painting-002.htm 4ea3121613e183fd2314c8a286f1ff449a07e775 ?
|
||||
xhtml1/grid-inline-order-property-painting-002.xht 4ea3121613e183fd2314c8a286f1ff449a07e775 ?
|
||||
html/grid-inline-order-property-painting-003.htm 03c0507a09b98f190b9fdf128000c6db32222537 ?
|
||||
xhtml1/grid-inline-order-property-painting-003.xht 03c0507a09b98f190b9fdf128000c6db32222537 ?
|
||||
html/grid-inline-order-property-painting-004.htm 93ea4f95eeb4e085c1bb4ea9e5d0fc4fa1c64ac9 ?
|
||||
xhtml1/grid-inline-order-property-painting-004.xht 93ea4f95eeb4e085c1bb4ea9e5d0fc4fa1c64ac9 ?
|
||||
html/grid-inline-order-property-painting-005.htm 72728e05989a070edb754801be2e9769ec861c2d ?
|
||||
xhtml1/grid-inline-order-property-painting-005.xht 72728e05989a070edb754801be2e9769ec861c2d ?
|
||||
html/grid-inline-order-property-painting-001.htm 8ffdbe77f9ec84fa1d28a481ca9958225127e343 ?
|
||||
xhtml1/grid-inline-order-property-painting-001.xht 8ffdbe77f9ec84fa1d28a481ca9958225127e343 ?
|
||||
html/grid-inline-order-property-painting-002.htm 8e1bcca40185722abb35148fb4d9467e8a43afa8 ?
|
||||
xhtml1/grid-inline-order-property-painting-002.xht 8e1bcca40185722abb35148fb4d9467e8a43afa8 ?
|
||||
html/grid-inline-order-property-painting-003.htm 428662d1fb50c8b0835852a7034fb4fbc1de65eb ?
|
||||
xhtml1/grid-inline-order-property-painting-003.xht 428662d1fb50c8b0835852a7034fb4fbc1de65eb ?
|
||||
html/grid-inline-order-property-painting-004.htm 184e84a61db0ad250924bc79d6d1e4273513e6b1 ?
|
||||
xhtml1/grid-inline-order-property-painting-004.xht 184e84a61db0ad250924bc79d6d1e4273513e6b1 ?
|
||||
html/grid-inline-order-property-painting-005.htm 317d9842590e58ae1bf875a6687da09490b78f70 ?
|
||||
xhtml1/grid-inline-order-property-painting-005.xht 317d9842590e58ae1bf875a6687da09490b78f70 ?
|
||||
html/grid-inline-support-flexible-lengths-001.htm 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 ?
|
||||
xhtml1/grid-inline-support-flexible-lengths-001.xht 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 ?
|
||||
html/grid-inline-support-grid-template-areas-001.htm 037e8d6035c98c445a7938c5a56f20f5ff430033 ?
|
||||
|
|
@ -93,18 +93,18 @@ html/grid-inline-support-repeat-001.htm 787c303e5d47217acd31a68b4095e1a31dbdcd1d
|
|||
xhtml1/grid-inline-support-repeat-001.xht 787c303e5d47217acd31a68b4095e1a31dbdcd1d ?
|
||||
html/grid-inline-template-columns-rows-resolved-values-001.htm 702660e5585d993ca93fc0d3a3cd11e085e17588 ?
|
||||
xhtml1/grid-inline-template-columns-rows-resolved-values-001.xht 702660e5585d993ca93fc0d3a3cd11e085e17588 ?
|
||||
html/grid-inline-vertical-align-001.htm e48c1cae6cb97ea4edd1f8aab243dcb996b821db ?
|
||||
xhtml1/grid-inline-vertical-align-001.xht e48c1cae6cb97ea4edd1f8aab243dcb996b821db ?
|
||||
html/grid-inline-z-axis-ordering-001.htm c406f4544af24d70485a5ca7f56be87a5cf4a720 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-001.xht c406f4544af24d70485a5ca7f56be87a5cf4a720 ?
|
||||
html/grid-inline-z-axis-ordering-002.htm eec8d414eeafbc49ad4d03fc4d40e25068318fd6 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-002.xht eec8d414eeafbc49ad4d03fc4d40e25068318fd6 ?
|
||||
html/grid-inline-z-axis-ordering-003.htm c12419fb3e619ab709b17014be5966ecd57ca77d ?
|
||||
xhtml1/grid-inline-z-axis-ordering-003.xht c12419fb3e619ab709b17014be5966ecd57ca77d ?
|
||||
html/grid-inline-z-axis-ordering-004.htm c0a5f6d9869cac4ba2b1b6bd9a08812756f97354 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-004.xht c0a5f6d9869cac4ba2b1b6bd9a08812756f97354 ?
|
||||
html/grid-inline-z-axis-ordering-005.htm d82898356e64a5523172ab56466b67c010d07d11 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-005.xht d82898356e64a5523172ab56466b67c010d07d11 ?
|
||||
html/grid-inline-vertical-align-001.htm 8cb6cc02a7e15d764eb845240e533f81323fbee0 ?
|
||||
xhtml1/grid-inline-vertical-align-001.xht 8cb6cc02a7e15d764eb845240e533f81323fbee0 ?
|
||||
html/grid-inline-z-axis-ordering-001.htm e40d16514b301b0f8f85f78a752245b859015393 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-001.xht e40d16514b301b0f8f85f78a752245b859015393 ?
|
||||
html/grid-inline-z-axis-ordering-002.htm 0475d282de7b40973e9a3f2623d313bcc0518820 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-002.xht 0475d282de7b40973e9a3f2623d313bcc0518820 ?
|
||||
html/grid-inline-z-axis-ordering-003.htm 6711d4074dc703b828523a5115c9e40a741c46b3 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-003.xht 6711d4074dc703b828523a5115c9e40a741c46b3 ?
|
||||
html/grid-inline-z-axis-ordering-004.htm d92368ee8347547319fbbb23f9c346b61ddf7c21 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-004.xht d92368ee8347547319fbbb23f9c346b61ddf7c21 ?
|
||||
html/grid-inline-z-axis-ordering-005.htm 789463b17d10ae873575af44a1592baec5585a26 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-005.xht 789463b17d10ae873575af44a1592baec5585a26 ?
|
||||
html/grid-inline-z-axis-ordering-overlapped-items-001.htm 31ab98ff86da1a144e93a0c88c7b5e0bcf85c82e ?
|
||||
xhtml1/grid-inline-z-axis-ordering-overlapped-items-001.xht 31ab98ff86da1a144e93a0c88c7b5e0bcf85c82e ?
|
||||
html/grid-inline-z-axis-ordering-overlapped-items-002.htm 1733b2d711257730b2d0c51cc6b84aaebb06697c ?
|
||||
|
|
@ -117,14 +117,22 @@ html/grid-inline-z-axis-ordering-overlapped-items-005.htm a9e60495cfeb298a38dcd9
|
|||
xhtml1/grid-inline-z-axis-ordering-overlapped-items-005.xht a9e60495cfeb298a38dcd92605a9f4b0b0bad1d7 ?
|
||||
html/grid-inline-z-axis-ordering-overlapped-items-006.htm f4574091e7672396c158ad6615a8e6472b869119 ?
|
||||
xhtml1/grid-inline-z-axis-ordering-overlapped-items-006.xht f4574091e7672396c158ad6615a8e6472b869119 ?
|
||||
html/grid-items-001.htm 332ee8c0abf2e50bea4be4e4c5fba1320cb03c94 ?
|
||||
xhtml1/grid-items-001.xht 332ee8c0abf2e50bea4be4e4c5fba1320cb03c94 ?
|
||||
html/grid-items-002.htm c112630d0ada73c080925378745cca6d0b68d5c1 ?
|
||||
xhtml1/grid-items-002.xht c112630d0ada73c080925378745cca6d0b68d5c1 ?
|
||||
html/grid-items-003.htm c031cbf1de25bf790bcd2c2fd384679d4c0e23ec ?
|
||||
xhtml1/grid-items-003.xht c031cbf1de25bf790bcd2c2fd384679d4c0e23ec ?
|
||||
html/grid-items-inline-blocks-001.htm d6c95087d082da4eaf92d5eed826da78f219e734 ?
|
||||
xhtml1/grid-items-inline-blocks-001.xht d6c95087d082da4eaf92d5eed826da78f219e734 ?
|
||||
html/grid-item-containing-block-001.htm 3b0c867d2f90b6cbe28ac9396a18017c0eea7085 ?
|
||||
xhtml1/grid-item-containing-block-001.xht 3b0c867d2f90b6cbe28ac9396a18017c0eea7085 ?
|
||||
html/grid-item-containing-block-002.htm eb906180c3f0a07ea9c981c081638f9712b5dee9 ?
|
||||
xhtml1/grid-item-containing-block-002.xht eb906180c3f0a07ea9c981c081638f9712b5dee9 ?
|
||||
html/grid-item-containing-block-003.htm 1beb4462ab3f47ee2b2cc9dffb52029dc21aa7b6 ?
|
||||
xhtml1/grid-item-containing-block-003.xht 1beb4462ab3f47ee2b2cc9dffb52029dc21aa7b6 ?
|
||||
html/grid-item-containing-block-004.htm 6a667d02bede409a5ec2071b619336b703467b95 ?
|
||||
xhtml1/grid-item-containing-block-004.xht 6a667d02bede409a5ec2071b619336b703467b95 ?
|
||||
html/grid-items-001.htm e2955d4ce97abdaacd0119d9e888a548ce197e5e ?
|
||||
xhtml1/grid-items-001.xht e2955d4ce97abdaacd0119d9e888a548ce197e5e ?
|
||||
html/grid-items-002.htm 2ffcc8187ef1a8a398ffe30fe7960cfed1980ad7 ?
|
||||
xhtml1/grid-items-002.xht 2ffcc8187ef1a8a398ffe30fe7960cfed1980ad7 ?
|
||||
html/grid-items-003.htm e4f828496161e32d3a7047699f003a324988d290 ?
|
||||
xhtml1/grid-items-003.xht e4f828496161e32d3a7047699f003a324988d290 ?
|
||||
html/grid-items-inline-blocks-001.htm 3c32f9380564e43a2147b83ceadaa8289427c13a ?
|
||||
xhtml1/grid-items-inline-blocks-001.xht 3c32f9380564e43a2147b83ceadaa8289427c13a ?
|
||||
html/grid-layout-auto-tracks.htm e04e5dbf15b9dd894735c3bb3a5ceda7a2739c72 ?
|
||||
xhtml1/grid-layout-auto-tracks.xht e04e5dbf15b9dd894735c3bb3a5ceda7a2739c72 ?
|
||||
html/grid-layout-basic.htm 0d8a4d4d6f55a02bc760af3fde9a6256a6b98b6c ?
|
||||
|
|
@ -149,26 +157,26 @@ html/grid-layout-z-order-b.htm fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ?
|
|||
xhtml1/grid-layout-z-order-b.xht fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ?
|
||||
html/grid-margins-no-collapse-001.htm a2cc4e1ac516408da65ef363beef36c757736f6f ?
|
||||
xhtml1/grid-margins-no-collapse-001.xht a2cc4e1ac516408da65ef363beef36c757736f6f ?
|
||||
html/grid-minimum-size-grid-items-001.htm a69269399a2b148e6450ac037c938641e6b90c3e ?
|
||||
xhtml1/grid-minimum-size-grid-items-001.xht a69269399a2b148e6450ac037c938641e6b90c3e ?
|
||||
html/grid-minimum-size-grid-items-002.htm bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c ?
|
||||
xhtml1/grid-minimum-size-grid-items-002.xht bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c ?
|
||||
html/grid-minimum-size-grid-items-003.htm b6bde0186a33951cb313396ce8c278ceb38396eb ?
|
||||
xhtml1/grid-minimum-size-grid-items-003.xht b6bde0186a33951cb313396ce8c278ceb38396eb ?
|
||||
html/grid-minimum-size-grid-items-004.htm 6aa3dcde25c815d919f566c18fe3b8b72dba7558 ?
|
||||
xhtml1/grid-minimum-size-grid-items-004.xht 6aa3dcde25c815d919f566c18fe3b8b72dba7558 ?
|
||||
html/grid-minimum-size-grid-items-005.htm fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 ?
|
||||
xhtml1/grid-minimum-size-grid-items-005.xht fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 ?
|
||||
html/grid-minimum-size-grid-items-006.htm 174e283c947342672b4f4f17ca17127e7bf31a38 ?
|
||||
xhtml1/grid-minimum-size-grid-items-006.xht 174e283c947342672b4f4f17ca17127e7bf31a38 ?
|
||||
html/grid-minimum-size-grid-items-007.htm d588f01baf7d50455025a8977a82da55416567c7 ?
|
||||
xhtml1/grid-minimum-size-grid-items-007.xht d588f01baf7d50455025a8977a82da55416567c7 ?
|
||||
html/grid-minimum-size-grid-items-008.htm 197f82d6f89561a846c9c2ba41e6b812246359b5 ?
|
||||
xhtml1/grid-minimum-size-grid-items-008.xht 197f82d6f89561a846c9c2ba41e6b812246359b5 ?
|
||||
html/grid-minimum-size-grid-items-009.htm fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d ?
|
||||
xhtml1/grid-minimum-size-grid-items-009.xht fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d ?
|
||||
html/grid-multicol-001.htm 521dbe45e2022be1140904fe6d2513370d6bfef3 ?
|
||||
xhtml1/grid-multicol-001.xht 521dbe45e2022be1140904fe6d2513370d6bfef3 ?
|
||||
html/grid-minimum-size-grid-items-001.htm 448963fca891de0b79fa49f1190f2c1cdc77fb12 ?
|
||||
xhtml1/grid-minimum-size-grid-items-001.xht 448963fca891de0b79fa49f1190f2c1cdc77fb12 ?
|
||||
html/grid-minimum-size-grid-items-002.htm da79e5f445793c7ef0cd5d7b9caeed93432c2b57 ?
|
||||
xhtml1/grid-minimum-size-grid-items-002.xht da79e5f445793c7ef0cd5d7b9caeed93432c2b57 ?
|
||||
html/grid-minimum-size-grid-items-003.htm c6aa744ac2f042e8a0930e33f8b8c687f8bdb88a ?
|
||||
xhtml1/grid-minimum-size-grid-items-003.xht c6aa744ac2f042e8a0930e33f8b8c687f8bdb88a ?
|
||||
html/grid-minimum-size-grid-items-004.htm d673b1381bb45b267e3209fdebe19e0273d70c35 ?
|
||||
xhtml1/grid-minimum-size-grid-items-004.xht d673b1381bb45b267e3209fdebe19e0273d70c35 ?
|
||||
html/grid-minimum-size-grid-items-005.htm c41fb1df97e62700ef0d6db65934875f1bb320b3 ?
|
||||
xhtml1/grid-minimum-size-grid-items-005.xht c41fb1df97e62700ef0d6db65934875f1bb320b3 ?
|
||||
html/grid-minimum-size-grid-items-006.htm ef4a3936784ecc379924dac444ec076bb3a55693 ?
|
||||
xhtml1/grid-minimum-size-grid-items-006.xht ef4a3936784ecc379924dac444ec076bb3a55693 ?
|
||||
html/grid-minimum-size-grid-items-007.htm 5d25fd26df69396f3316c4788b0e7fd3c9fd96c8 ?
|
||||
xhtml1/grid-minimum-size-grid-items-007.xht 5d25fd26df69396f3316c4788b0e7fd3c9fd96c8 ?
|
||||
html/grid-minimum-size-grid-items-008.htm 8c0ad5d4ddf535b63711f5f23c53f1ef25536aa4 ?
|
||||
xhtml1/grid-minimum-size-grid-items-008.xht 8c0ad5d4ddf535b63711f5f23c53f1ef25536aa4 ?
|
||||
html/grid-minimum-size-grid-items-009.htm bc75275511f7261e1bb429db0ff5b64dce745156 ?
|
||||
xhtml1/grid-minimum-size-grid-items-009.xht bc75275511f7261e1bb429db0ff5b64dce745156 ?
|
||||
html/grid-multicol-001.htm 88839c1417842812d49f6ca916e7056d6f8ed9f8 ?
|
||||
xhtml1/grid-multicol-001.xht 88839c1417842812d49f6ca916e7056d6f8ed9f8 ?
|
||||
html/grid-order-property-auto-placement-001.htm ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 ?
|
||||
xhtml1/grid-order-property-auto-placement-001.xht ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 ?
|
||||
html/grid-order-property-auto-placement-002.htm d33459a775e8e493e29fe5cd454d1e20eb057f20 ?
|
||||
|
|
@ -179,20 +187,22 @@ html/grid-order-property-auto-placement-004.htm 42cf26e259742411b423b6a40ef7984f
|
|||
xhtml1/grid-order-property-auto-placement-004.xht 42cf26e259742411b423b6a40ef7984f3505f701 ?
|
||||
html/grid-order-property-auto-placement-005.htm 367195431744f6f660a7d2f5f633ad35f648911b ?
|
||||
xhtml1/grid-order-property-auto-placement-005.xht 367195431744f6f660a7d2f5f633ad35f648911b ?
|
||||
html/grid-order-property-painting-001.htm aee0a73a242a7b3b874983039ee2b39a9dd52544 ?
|
||||
xhtml1/grid-order-property-painting-001.xht aee0a73a242a7b3b874983039ee2b39a9dd52544 ?
|
||||
html/grid-order-property-painting-002.htm a78b91a8d9709a7584862672e0a8f90def76edb7 ?
|
||||
xhtml1/grid-order-property-painting-002.xht a78b91a8d9709a7584862672e0a8f90def76edb7 ?
|
||||
html/grid-order-property-painting-003.htm 80be21cb47ca6557aa4436603a85a28f80dde773 ?
|
||||
xhtml1/grid-order-property-painting-003.xht 80be21cb47ca6557aa4436603a85a28f80dde773 ?
|
||||
html/grid-order-property-painting-004.htm 70a79fa9be93b40a976ae83c7adc862d137317ac ?
|
||||
xhtml1/grid-order-property-painting-004.xht 70a79fa9be93b40a976ae83c7adc862d137317ac ?
|
||||
html/grid-order-property-painting-005.htm 1816a5bb33c6984fa4cd4d0d834d8681391acb9d ?
|
||||
xhtml1/grid-order-property-painting-005.xht 1816a5bb33c6984fa4cd4d0d834d8681391acb9d ?
|
||||
html/grid-order-property-painting-001.htm 6fe958c5207dea977959e776d8b3c37ff90c9346 ?
|
||||
xhtml1/grid-order-property-painting-001.xht 6fe958c5207dea977959e776d8b3c37ff90c9346 ?
|
||||
html/grid-order-property-painting-002.htm cd34b0f7008a6b8d165dc252aafa485a05aa901d ?
|
||||
xhtml1/grid-order-property-painting-002.xht cd34b0f7008a6b8d165dc252aafa485a05aa901d ?
|
||||
html/grid-order-property-painting-003.htm b40df807b6c337afb0cf8800d2a21bbbdf19c617 ?
|
||||
xhtml1/grid-order-property-painting-003.xht b40df807b6c337afb0cf8800d2a21bbbdf19c617 ?
|
||||
html/grid-order-property-painting-004.htm cf1be6293503225beeff4b6eb271c0691b41e5e8 ?
|
||||
xhtml1/grid-order-property-painting-004.xht cf1be6293503225beeff4b6eb271c0691b41e5e8 ?
|
||||
html/grid-order-property-painting-005.htm 90442eabaebae006bd2f7dc1e5131ab76fc2fcc3 ?
|
||||
xhtml1/grid-order-property-painting-005.xht 90442eabaebae006bd2f7dc1e5131ab76fc2fcc3 ?
|
||||
html/grid-support-display-001.htm 18055d2ae743945500cc0444a2658411a0791120 ?
|
||||
xhtml1/grid-support-display-001.xht 18055d2ae743945500cc0444a2658411a0791120 ?
|
||||
html/grid-support-flexible-lengths-001.htm d291ecbfb4665d4119d0737beaa4451b306b1b82 ?
|
||||
xhtml1/grid-support-flexible-lengths-001.xht d291ecbfb4665d4119d0737beaa4451b306b1b82 ?
|
||||
html/grid-support-grid-auto-columns-rows-001.htm cac1ff5703bfd822ddea20e4810a7f3aa4d0fb72 ?
|
||||
xhtml1/grid-support-grid-auto-columns-rows-001.xht cac1ff5703bfd822ddea20e4810a7f3aa4d0fb72 ?
|
||||
html/grid-support-grid-template-areas-001.htm ba4d646749df2afdba6897cfb6cbdf9402f15b6c ?
|
||||
xhtml1/grid-support-grid-template-areas-001.xht ba4d646749df2afdba6897cfb6cbdf9402f15b6c ?
|
||||
html/grid-support-grid-template-columns-rows-001.htm 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 ?
|
||||
|
|
@ -203,18 +213,18 @@ html/grid-support-repeat-001.htm 390f84f3fc36940ba56b755fcc4db6528f1f0faf ?
|
|||
xhtml1/grid-support-repeat-001.xht 390f84f3fc36940ba56b755fcc4db6528f1f0faf ?
|
||||
html/grid-template-columns-rows-resolved-values-001.htm 89306a9b1558daaccb7489d86f9aa42024f66c9d ?
|
||||
xhtml1/grid-template-columns-rows-resolved-values-001.xht 89306a9b1558daaccb7489d86f9aa42024f66c9d ?
|
||||
html/grid-vertical-align-001.htm a1efe31bf3a51583086fefe427d94665c7c72322 ?
|
||||
xhtml1/grid-vertical-align-001.xht a1efe31bf3a51583086fefe427d94665c7c72322 ?
|
||||
html/grid-z-axis-ordering-001.htm a82bc78461935f7e03fee09f6a54b1f1be58b39f ?
|
||||
xhtml1/grid-z-axis-ordering-001.xht a82bc78461935f7e03fee09f6a54b1f1be58b39f ?
|
||||
html/grid-z-axis-ordering-002.htm 1c366982f5c8c141aebff8149983c2f1a3062e31 ?
|
||||
xhtml1/grid-z-axis-ordering-002.xht 1c366982f5c8c141aebff8149983c2f1a3062e31 ?
|
||||
html/grid-z-axis-ordering-003.htm c45e735f6efed02b38e18235c94a96cc94cdcae9 ?
|
||||
xhtml1/grid-z-axis-ordering-003.xht c45e735f6efed02b38e18235c94a96cc94cdcae9 ?
|
||||
html/grid-z-axis-ordering-004.htm 798db51048e9b97097b37e73488903851808d9e0 ?
|
||||
xhtml1/grid-z-axis-ordering-004.xht 798db51048e9b97097b37e73488903851808d9e0 ?
|
||||
html/grid-z-axis-ordering-005.htm 67e710389cf94ae32d521e891155a1b24202430a ?
|
||||
xhtml1/grid-z-axis-ordering-005.xht 67e710389cf94ae32d521e891155a1b24202430a ?
|
||||
html/grid-vertical-align-001.htm cadf0eb05e6e573cf09553ab26a4a6540bb1f4ce ?
|
||||
xhtml1/grid-vertical-align-001.xht cadf0eb05e6e573cf09553ab26a4a6540bb1f4ce ?
|
||||
html/grid-z-axis-ordering-001.htm c0e6352c2a41dae9c0cbd9bc10bb7b79e7f8b170 ?
|
||||
xhtml1/grid-z-axis-ordering-001.xht c0e6352c2a41dae9c0cbd9bc10bb7b79e7f8b170 ?
|
||||
html/grid-z-axis-ordering-002.htm 4ef39ac0abab2d61b0484e27401bc0b94df152ec ?
|
||||
xhtml1/grid-z-axis-ordering-002.xht 4ef39ac0abab2d61b0484e27401bc0b94df152ec ?
|
||||
html/grid-z-axis-ordering-003.htm 65700bcf26a0f6db8299578c691873f83d895ddb ?
|
||||
xhtml1/grid-z-axis-ordering-003.xht 65700bcf26a0f6db8299578c691873f83d895ddb ?
|
||||
html/grid-z-axis-ordering-004.htm d14aaafd4186cbe3b9579f7b48345e295549baf0 ?
|
||||
xhtml1/grid-z-axis-ordering-004.xht d14aaafd4186cbe3b9579f7b48345e295549baf0 ?
|
||||
html/grid-z-axis-ordering-005.htm 2f580585e4ab8d6762fc3683795cfb0a188f21d3 ?
|
||||
xhtml1/grid-z-axis-ordering-005.xht 2f580585e4ab8d6762fc3683795cfb0a188f21d3 ?
|
||||
html/grid-z-axis-ordering-overlapped-items-001.htm 639d9e9b9b36580f4dd70928e5f305ed4a5e348a ?
|
||||
xhtml1/grid-z-axis-ordering-overlapped-items-001.xht 639d9e9b9b36580f4dd70928e5f305ed4a5e348a ?
|
||||
html/grid-z-axis-ordering-overlapped-items-002.htm 82a9b58f6a32b2c3eefa47b17296394f9477d9f5 ?
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="http://www.w3.org/TR/css-grid-1/">CSS Grid Layout 1 specification</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/">CSS Grid Layout 1 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
|
@ -132,9 +132,11 @@
|
|||
<p>Many thanks to the following for their contributions:</p>
|
||||
<ul>
|
||||
<li>贺师俊</li>
|
||||
<li>Joao Oliveira</li>
|
||||
<li>Leo Deng</li>
|
||||
<li>Manuel Rego Casasnovas</li>
|
||||
<li>swain</li>
|
||||
<li>Tomek Wytrebowicz</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="http://www.w3.org/TR/css-grid-1/">CSS Grid Layout 1 specification</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/">CSS Grid Layout 1 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
|
@ -132,9 +132,11 @@
|
|||
<p>Many thanks to the following for their contributions:</p>
|
||||
<ul>
|
||||
<li>贺师俊</li>
|
||||
<li>Joao Oliveira</li>
|
||||
<li>Leo Deng</li>
|
||||
<li>Manuel Rego Casasnovas</li>
|
||||
<li>swain</li>
|
||||
<li>Tomek Wytrebowicz</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -4,62 +4,66 @@ display-inline-grid reference/display-inline-grid-ref CSS Grid Layout: display:
|
|||
fr-unit reference/fr-unit-ref CSS3 Grid Layout: Flexible Length http://www.w3.org/TR/css-grid-1/#fr-unit ad240034d44b51ec3ac16b771ce8c2d09a21d900 `swain`<mailto:swainet@126.com> 'fr' unit represents a fraction of the free space in the grid container.
|
||||
fr-unit-with-percentage reference/fr-unit-with-percentage-ref CSS3 Grid Layout: Flexible Lenght http://www.w3.org/TR/css-grid-1/#fr-unit ddfaceec9782f135598590c2dfc5444e2d44fe80 `swain`<mailto:swainet@126.com>
|
||||
grid-computed-value-display-floated-items-001 'float' affects to the computed value of 'display' on grid items dom,script http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo 6ba0eedd8546aa03da38865830ab4a3903ab6fe7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-display-grid-001 reference/ref-filled-green-100px-square 'grid' value for 'display' property ahem http://www.w3.org/TR/css-grid-1/#grid-containers 03f262b935d1cdc42f63a308ebae366c9c3f5a89 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid' value for 'display' property generates a block level containing box.
|
||||
grid-display-inline-grid-001 reference/ref-filled-green-100px-square 'inline-grid' value for 'display' property http://www.w3.org/TR/css-grid-1/#grid-containers a2ff36b467eb254fd3307cf22563dcb2c68995a7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.
|
||||
grid-display-grid-001 reference/ref-filled-green-100px-square 'grid' value for 'display' property ahem http://www.w3.org/TR/css-grid-1/#grid-containers c38ca2c8315973b3d396b557011f72105884b210 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid' value for 'display' property generates a block level containing box.
|
||||
grid-display-inline-grid-001 reference/ref-filled-green-100px-square 'inline-grid' value for 'display' property http://www.w3.org/TR/css-grid-1/#grid-containers f07c319d86f950d9e3e72a830563df9dacf51059 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.
|
||||
grid-first-letter-001 reference/grid-text-green-margin-no-collapse-ref '::first-letter' from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-letter 4865db91fd11be11d071fc07c7fcf3579b471f9c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.
|
||||
grid-first-letter-002 reference/grid-text-green-margin-no-collapse-ref '::first-letter' from grid container ancestors does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-letter 9b52bf654f0e9f065667c5275cb3e91e6e772214 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.
|
||||
grid-first-letter-003 reference/grid-first-letter-green-margin-no-collapse-ref '::first-letter' works on grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-letter c5f5df08ebaef38c961c1c9fdce9068580db3452 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.
|
||||
grid-first-line-001 reference/grid-text-green-margin-no-collapse-ref '::first-line' from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line e961e1532950b69977a883d53688c984278b1a19 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.
|
||||
grid-first-line-002 reference/grid-text-green-margin-no-collapse-ref '::first-line' from grid container ancestors does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line 80eea8e3a619b4c8204c3388c73560e027d0aeee `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.
|
||||
grid-first-line-003 reference/grid-text-green-margin-no-collapse-ref '::first-line' works on grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line 4b5e03b3809c2f765d2b2c679b1f55a65fd60a4d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.
|
||||
grid-float-001 reference/ref-filled-green-100px-square 'float' has no effect on grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visuren.html#float-position 613520c35a94fbcecdc32843fc9864a2c7beb7db `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-floats-no-intrude-001 reference/ref-filled-green-100px-square floats do not intrude into a grid http://www.w3.org/TR/css-grid-1/#grid-containers e660e79d60359055e30e392535278465ee5cc018 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-float-001 reference/ref-filled-green-100px-square 'float' has no effect on grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visuren.html#float-position 2cdb8fee9ceee8a6819760b7d5cc1ef4fa209e8b `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-floats-no-intrude-001 reference/ref-filled-green-100px-square floats do not intrude into a grid http://www.w3.org/TR/css-grid-1/#grid-containers 340f841ebeab1cca2b9d2b7bfa04f9de982a0cff `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-first-letter-001 reference/grid-text-green-margin-no-collapse-ref '::first-letter' from inline grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-letter 22ccd2e02fa33e63dd51b80d25442d51608bd790 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.
|
||||
grid-inline-first-letter-002 reference/grid-text-green-margin-no-collapse-ref '::first-letter' from inline grid container ancestors does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-letter 73c7593f2cb772bc278242ad371e0eb1a6060c93 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.
|
||||
grid-inline-first-letter-003 reference/grid-first-letter-green-margin-no-collapse-ref '::first-letter' works on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-letter bffd20d904d0bb0cb624e1265af3554a3d0b8810 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.
|
||||
grid-inline-first-line-001 reference/grid-text-green-margin-no-collapse-ref '::first-line' from inline grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line 5a178c388ae440b9d89ada834b0d46a76740e079 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.
|
||||
grid-inline-first-line-002 reference/grid-text-green-margin-no-collapse-ref '::first-line' from inline grid container ancestors does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line 3850fcd25e4bb7d4ccac5463cbcf0da17f0e755c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.
|
||||
grid-inline-first-line-003 reference/grid-text-green-margin-no-collapse-ref '::first-line' works on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line bd407ad32213f6b35ec5b75c7da8059004a2ad4f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.
|
||||
grid-inline-float-001 reference/ref-filled-green-100px-square 'float' has no effect on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visuren.html#float-position 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-floats-no-intrude-001 reference/ref-filled-green-100px-square floats do not intrude into an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers 023d2517d777699e4cb720aae6a5db2e6320f64a `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 7e3b520c584fea0f45e4de1f26685c21e8d6200a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.
|
||||
grid-inline-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items within an inline grid.
|
||||
grid-inline-items-003 reference/ref-filled-green-100px-square Grid items with 'display:none' are not rendered within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 5f9d45d3f7cc135bfaea625317ac8c261354b63c `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-items-inline-blocks-001 reference/ref-filled-green-100px-square Paint order of grid items within an inline grid is the same as inline blocks http://www.w3.org/TR/css-grid-1/#z-order,http://www.w3.org/TR/CSS2/zindex.html#painting-order e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-float-001 reference/ref-filled-green-100px-square 'float' has no effect on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visuren.html#float-position 825d42bdc9fc9ae781c4e88f6e1c718a2a4fb246 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-floats-no-intrude-001 reference/ref-filled-green-100px-square floats do not intrude into an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers f741fb816945aadc4d3c28ec82696c99d401646d `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items d23842bba6e8436fd412e77a9f9ecf7616f21da4 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.
|
||||
grid-inline-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items d2e06207fda4a76ef130f160f239677b4d18537a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items within an inline grid.
|
||||
grid-inline-items-003 reference/ref-filled-green-100px-square Grid items with 'display:none' are not rendered within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items d8f910571610e2a8a0eb224086578caf17014b5c `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-items-inline-blocks-001 reference/ref-filled-green-100px-square Paint order of grid items within an inline grid is the same as inline blocks http://www.w3.org/TR/css-grid-1/#z-order,http://www.w3.org/TR/CSS2/zindex.html#painting-order 243a7d8d8d344a0e4c7bdb98873877eb20a7d118 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-margins-no-collapse-001 reference/grid-text-green-margin-no-collapse-ref inline grid's margins do not collapse http://www.w3.org/TR/css-grid-1/#grid-containers a192201faf7ef25b555ae48cc9e549a5454f2bad `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).
|
||||
grid-inline-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from inline grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.
|
||||
grid-inline-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from inline grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns e531f2cacb3048f0e59b4dbcc8efb181362c35b6 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.
|
||||
grid-inline-order-property-auto-placement-001 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 918e47a41ffe595541954cf93da712b43f445a5e `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-auto-placement-002 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 4edacd9b53d661e31bf2106e16952e5f1d5a4ae3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-auto-placement-003 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property c477590482de8b6d0a47f65f0ee444e535dfe808 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-auto-placement-004 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property e4829929a72456f496b3cb51cfef0f7a513ca928 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-auto-placement-005 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 6ab305e5677478e990b3875efb5e88c2354f52c5 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-001 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 8b9dff39077af4b2aacfeb45bd613ff87f8337f1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-002 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 4ea3121613e183fd2314c8a286f1ff449a07e775 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-003 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 03c0507a09b98f190b9fdf128000c6db32222537 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 93ea4f95eeb4e085c1bb4ea9e5d0fc4fa1c64ac9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 72728e05989a070edb754801be2e9769ec861c2d `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-001 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 8ffdbe77f9ec84fa1d28a481ca9958225127e343 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-002 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 8e1bcca40185722abb35148fb4d9467e8a43afa8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-003 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 428662d1fb50c8b0835852a7034fb4fbc1de65eb `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 184e84a61db0ad250924bc79d6d1e4273513e6b1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 317d9842590e58ae1bf875a6687da09490b78f70 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> 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.
|
||||
grid-inline-support-grid-template-areas-001 Support for 'grid-template-ares' property within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property 037e8d6035c98c445a7938c5a56f20f5ff430033 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.
|
||||
grid-inline-support-grid-template-columns-rows-001 Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#track-sizing 236930bb2240e757225dc6b34a82ea0f15f2ec0e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> 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.
|
||||
grid-inline-support-named-grid-lines-001 Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#named-lines 315365f9bccd7657245b347cef4ced75b257e302 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.
|
||||
grid-inline-support-repeat-001 Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#repeat-notation 787c303e5d47217acd31a68b4095e1a31dbdcd1d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> 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.
|
||||
grid-inline-template-columns-rows-resolved-values-001 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#resolved-track-list 702660e5585d993ca93fc0d3a3cd11e085e17588 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.
|
||||
grid-inline-vertical-align-001 reference/ref-filled-green-100px-square 'vertical-align' has no effect on grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align e48c1cae6cb97ea4edd1f8aab243dcb996b821db `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-001 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order c406f4544af24d70485a5ca7f56be87a5cf4a720 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-002 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order eec8d414eeafbc49ad4d03fc4d40e25068318fd6 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-003 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order c12419fb3e619ab709b17014be5966ecd57ca77d `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-004 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order c0a5f6d9869cac4ba2b1b6bd9a08812756f97354 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-005 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order d82898356e64a5523172ab56466b67c010d07d11 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-vertical-align-001 reference/ref-filled-green-100px-square 'vertical-align' has no effect on grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align 8cb6cc02a7e15d764eb845240e533f81323fbee0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-001 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order e40d16514b301b0f8f85f78a752245b859015393 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-002 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order 0475d282de7b40973e9a3f2623d313bcc0518820 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-003 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order 6711d4074dc703b828523a5115c9e40a741c46b3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-004 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order d92368ee8347547319fbbb23f9c346b61ddf7c21 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-005 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order 789463b17d10ae873575af44a1592baec5585a26 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-overlapped-items-001 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order 31ab98ff86da1a144e93a0c88c7b5e0bcf85c82e `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-overlapped-items-002 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order 1733b2d711257730b2d0c51cc6b84aaebb06697c `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-overlapped-items-003 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order 490ff927edd3babd9b0158677ca5d329c75d2b23 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-overlapped-items-004 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order bd3d62cc40aed2c8559269651d218b4c6cdf5a63 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-overlapped-items-005 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order a9e60495cfeb298a38dcd92605a9f4b0b0bad1d7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-inline-z-axis-ordering-overlapped-items-006 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#z-order f4574091e7672396c158ad6615a8e6472b869119 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items ahem http://www.w3.org/TR/css-grid-1/#grid-items 332ee8c0abf2e50bea4be4e4c5fba1320cb03c94 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.
|
||||
grid-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items ahem http://www.w3.org/TR/css-grid-1/#grid-items c112630d0ada73c080925378745cca6d0b68d5c1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items.
|
||||
grid-items-003 reference/ref-filled-green-100px-square Grid items with 'display:none' are not rendered ahem http://www.w3.org/TR/css-grid-1/#grid-items c031cbf1de25bf790bcd2c2fd384679d4c0e23ec `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-items-inline-blocks-001 reference/ref-filled-green-100px-square Paint order of grid items is the same as inline blocks http://www.w3.org/TR/css-grid-1/#z-order,http://www.w3.org/TR/CSS2/zindex.html#painting-order d6c95087d082da4eaf92d5eed826da78f219e734 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-item-containing-block-001 reference/ref-filled-green-100px-square Grid item sizing http://www.w3.org/TR/css-grid-1/#grid-items 3b0c867d2f90b6cbe28ac9396a18017c0eea7085 `Tomek Wytrebowicz`<mailto:tomalecpub@gmail.com> A grid item is sized within the containing block defined by its grid area
|
||||
grid-item-containing-block-002 reference/ref-filled-green-100px-square Grid item sizing http://www.w3.org/TR/css-grid-1/#grid-items eb906180c3f0a07ea9c981c081638f9712b5dee9 `Tomek Wytrebowicz`<mailto:tomalecpub@gmail.com> A grid item is sized within the containing block defined by its grid area
|
||||
grid-item-containing-block-003 reference/ref-filled-green-100px-square Grid item sizing http://www.w3.org/TR/css-grid-1/#grid-items 1beb4462ab3f47ee2b2cc9dffb52029dc21aa7b6 `Tomek Wytrebowicz`<mailto:tomalecpub@gmail.com> A grid item is sized within the containing block defined by its grid area
|
||||
grid-item-containing-block-004 reference/ref-filled-green-100px-square Grid item sizing in a positioned grid container http://www.w3.org/TR/css-grid-1/#grid-items 6a667d02bede409a5ec2071b619336b703467b95 `Tomek Wytrebowicz`<mailto:tomalecpub@gmail.com> A grid item is sized within the containing block defined by its grid area that intersects flexible tracks
|
||||
grid-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items ahem http://www.w3.org/TR/css-grid-1/#grid-items e2955d4ce97abdaacd0119d9e888a548ce197e5e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.
|
||||
grid-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items ahem http://www.w3.org/TR/css-grid-1/#grid-items 2ffcc8187ef1a8a398ffe30fe7960cfed1980ad7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items.
|
||||
grid-items-003 reference/ref-filled-green-100px-square Grid items with 'display:none' are not rendered ahem http://www.w3.org/TR/css-grid-1/#grid-items e4f828496161e32d3a7047699f003a324988d290 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-items-inline-blocks-001 reference/ref-filled-green-100px-square Paint order of grid items is the same as inline blocks http://www.w3.org/TR/css-grid-1/#z-order,http://www.w3.org/TR/CSS2/zindex.html#painting-order 3c32f9380564e43a2147b83ceadaa8289427c13a `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-layout-auto-tracks reference/grid-layout-auto-tracks-ref auto tracks http://www.w3.org/TR/css-grid-1/#track-sizing e04e5dbf15b9dd894735c3bb3a5ceda7a2739c72 `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
|
||||
grid-layout-basic reference/grid-layout-basic-ref basic http://www.w3.org/TR/css-grid-1/#track-sizing 0d8a4d4d6f55a02bc760af3fde9a6256a6b98b6c `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
|
||||
grid-layout-free-space-unit reference/grid-layout-basic-ref free space unit http://www.w3.org/TR/css-grid-1/#free-space 606c796f412ed03fd0bea3a2fee509ec6af9e644 `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
|
||||
|
|
@ -72,39 +76,40 @@ grid-layout-repeat-notation reference/grid-layout-repeat-notation-ref repeat not
|
|||
grid-layout-z-order-a reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order f6ab122559b3da75e52ceda55f9ec69a76f547cc `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
|
||||
grid-layout-z-order-b reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
|
||||
grid-margins-no-collapse-001 reference/grid-text-green-margin-no-collapse-ref grid's margins do not collapse http://www.w3.org/TR/css-grid-1/#grid-containers a2cc4e1ac516408da65ef363beef36c757736f6f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).
|
||||
grid-minimum-size-grid-items-001 reference/ref-filled-green-100px-square Minimum size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto a69269399a2b148e6450ac037c938641e6b90c3e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-002 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-003 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto b6bde0186a33951cb313396ce8c278ceb38396eb `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-004 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 6aa3dcde25c815d919f566c18fe3b8b72dba7558 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-005 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-006 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 174e283c947342672b4f4f17ca17127e7bf31a38 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-007 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto d588f01baf7d50455025a8977a82da55416567c7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-008 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 197f82d6f89561a846c9c2ba41e6b812246359b5 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-009 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
|
||||
grid-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 521dbe45e2022be1140904fe6d2513370d6bfef3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.
|
||||
grid-minimum-size-grid-items-001 reference/ref-filled-green-100px-square Minimum size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto 448963fca891de0b79fa49f1190f2c1cdc77fb12 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-002 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto da79e5f445793c7ef0cd5d7b9caeed93432c2b57 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-003 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto c6aa744ac2f042e8a0930e33f8b8c687f8bdb88a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-004 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto d673b1381bb45b267e3209fdebe19e0273d70c35 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-005 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto c41fb1df97e62700ef0d6db65934875f1bb320b3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-006 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto ef4a3936784ecc379924dac444ec076bb3a55693 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-007 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 5d25fd26df69396f3316c4788b0e7fd3c9fd96c8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-008 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 8c0ad5d4ddf535b63711f5f23c53f1ef25536aa4 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-009 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto bc75275511f7261e1bb429db0ff5b64dce745156 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
|
||||
grid-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 88839c1417842812d49f6ca916e7056d6f8ed9f8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.
|
||||
grid-order-property-auto-placement-001 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-auto-placement-002 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property d33459a775e8e493e29fe5cd454d1e20eb057f20 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-auto-placement-003 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property df0c2f2f87996d49e5e9310ee18daefe64011519 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-auto-placement-004 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 42cf26e259742411b423b6a40ef7984f3505f701 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-auto-placement-005 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 367195431744f6f660a7d2f5f633ad35f648911b `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-001 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property aee0a73a242a7b3b874983039ee2b39a9dd52544 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-002 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property a78b91a8d9709a7584862672e0a8f90def76edb7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-003 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 80be21cb47ca6557aa4436603a85a28f80dde773 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 70a79fa9be93b40a976ae83c7adc862d137317ac `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 1816a5bb33c6984fa4cd4d0d834d8681391acb9d `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-001 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 6fe958c5207dea977959e776d8b3c37ff90c9346 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-002 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property cd34b0f7008a6b8d165dc252aafa485a05aa901d `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-003 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property b40df807b6c337afb0cf8800d2a21bbbdf19c617 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property cf1be6293503225beeff4b6eb271c0691b41e5e8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 90442eabaebae006bd2f7dc1e5131ab76fc2fcc3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-support-display-001 DOM support for 'grid' and 'inline-grid' 'display' values dom,script http://www.w3.org/TR/css-grid-1/#grid-containers 18055d2ae743945500cc0444a2658411a0791120 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.
|
||||
grid-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit d291ecbfb4665d4119d0737beaa4451b306b1b82 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> 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.
|
||||
grid-support-grid-auto-columns-rows-001 reference/grid-support-grid-auto-columns-rows-001-ref Support for 'grid-auto-columns' and 'grid-auto-rows' properties http://www.w3.org/TR/css-grid-1/#auto-tracks cac1ff5703bfd822ddea20e4810a7f3aa4d0fb72 `Joao Oliveira`<mailto:hello@jxs.pt>
|
||||
grid-support-grid-template-areas-001 Support for 'grid-template-ares' property ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property ba4d646749df2afdba6897cfb6cbdf9402f15b6c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.
|
||||
grid-support-grid-template-columns-rows-001 Support for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#track-sizing 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> 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.
|
||||
grid-support-named-grid-lines-001 Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#named-lines 7f20858fbf5e857df816ec4eeb5c63a65baefcf9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.
|
||||
grid-support-repeat-001 Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#repeat-notation 390f84f3fc36940ba56b755fcc4db6528f1f0faf `Manuel Rego Casasnovas`<mailto:rego@igalia.com> 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.
|
||||
grid-template-columns-rows-resolved-values-001 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks ahem,dom,script http://www.w3.org/TR/css-grid-1/#resolved-track-list 89306a9b1558daaccb7489d86f9aa42024f66c9d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.
|
||||
grid-vertical-align-001 reference/ref-filled-green-100px-square 'vertical-align' has no effect on grid items ahem http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align a1efe31bf3a51583086fefe427d94665c7c72322 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-001 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order a82bc78461935f7e03fee09f6a54b1f1be58b39f `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-002 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order 1c366982f5c8c141aebff8149983c2f1a3062e31 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-003 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order c45e735f6efed02b38e18235c94a96cc94cdcae9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-004 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order 798db51048e9b97097b37e73488903851808d9e0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-005 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order 67e710389cf94ae32d521e891155a1b24202430a `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-vertical-align-001 reference/ref-filled-green-100px-square 'vertical-align' has no effect on grid items ahem http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align cadf0eb05e6e573cf09553ab26a4a6540bb1f4ce `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-001 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order c0e6352c2a41dae9c0cbd9bc10bb7b79e7f8b170 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-002 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order 4ef39ac0abab2d61b0484e27401bc0b94df152ec `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-003 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order 65700bcf26a0f6db8299578c691873f83d895ddb `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-004 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order d14aaafd4186cbe3b9579f7b48345e295549baf0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-005 reference/ref-filled-green-100px-square 'z-index' property controls the z-axis order of grid items ahem http://www.w3.org/TR/css-grid-1/#z-order 2f580585e4ab8d6762fc3683795cfb0a188f21d3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-overlapped-items-001 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order ahem http://www.w3.org/TR/css-grid-1/#z-order 639d9e9b9b36580f4dd70928e5f305ed4a5e348a `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-overlapped-items-002 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order ahem http://www.w3.org/TR/css-grid-1/#z-order 82a9b58f6a32b2c3eefa47b17296394f9477d9f5 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-z-axis-ordering-overlapped-items-003 reference/grid-filled-blue-yellow-green-overlapped-100px-squares 'z-index' property controls the grid items stacking order ahem http://www.w3.org/TR/css-grid-1/#z-order dd41a85b608c073a25dfa7f48883554fb995fa90 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
|
|
|
|||
|
|
@ -30,19 +30,19 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2.#example-8bec48fd">
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
<tbody id="s1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3.#example-c1aac7f6">
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
<tbody id="s1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4.#example-07f44438">
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#augmented-grid">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s10.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#gutter">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s11.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#example-09da26fa">
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
<tbody id="s11.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#example-50fa0987">
|
||||
|
|
@ -78,13 +78,13 @@
|
|||
<tbody id="s11.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-2b9c8e4b">
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<tbody id="s11.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#baseline-participation">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s12">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#fixed-sizing-function">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s12.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#issue-4f54519f">
|
||||
|
|
@ -57,14 +57,14 @@
|
|||
<tbody id="s12.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#free-space">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></strong></td>
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="">
|
||||
<td>
|
||||
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>free space unit
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<tbody id="s12.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#base-size">
|
||||
|
|
@ -101,13 +101,13 @@
|
|||
<tbody id="s12.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#distribute-extra-space">
|
||||
|
|
@ -125,19 +125,19 @@
|
|||
<tbody id="s12.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#flex-factor-sum">
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s13">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1.#issue-69d6a1c1">
|
||||
|
|
@ -161,9 +161,9 @@
|
|||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</a></strong></td>
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</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 Layout - Properties exist
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#column-axis">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#example-35388f26">
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#example-07ee9d6e">
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#example-05759431">
|
||||
|
|
|
|||
|
|
@ -30,17 +30,17 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="display-grid.xht">display-grid</a></strong></td>
|
||||
<tr id="display-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-grid.xht">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: grid
|
||||
|
|
@ -49,9 +49,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="display-inline-grid-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></strong></td>
|
||||
<tr id="display-inline-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
|
|
@ -60,17 +60,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></strong></td>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></strong></td>
|
||||
<tr id="grid-display-grid-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
|
|
@ -79,9 +79,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></strong></td>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'inline-grid' value for 'display' property
|
||||
|
|
@ -90,9 +90,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></strong></td>
|
||||
<tr id="grid-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
|
|
@ -101,9 +101,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></strong></td>
|
||||
<tr id="grid-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
|
|
@ -112,9 +112,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></strong></td>
|
||||
<tr id="grid-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items
|
||||
|
|
@ -123,9 +123,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></strong></td>
|
||||
<tr id="grid-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
|
|
@ -134,9 +134,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></strong></td>
|
||||
<tr id="grid-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
|
|
@ -145,9 +145,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></strong></td>
|
||||
<tr id="grid-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items
|
||||
|
|
@ -156,25 +156,25 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-float-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></strong></td>
|
||||
<tr id="grid-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></strong></td>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
|
|
@ -183,9 +183,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
|
|
@ -194,9 +194,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
|
|
@ -205,9 +205,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></strong></td>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
|
|
@ -216,9 +216,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></strong></td>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
|
|
@ -227,9 +227,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></strong></td>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
|
|
@ -238,25 +238,25 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></strong></td>
|
||||
<tr id="grid-inline-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></strong></td>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></strong></td>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
|
|
@ -265,9 +265,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></strong></td>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
|
|
@ -276,17 +276,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></strong></td>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></strong></td>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
|
|
@ -295,9 +295,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></strong></td>
|
||||
<tr id="grid-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
|
|
@ -306,9 +306,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-3.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></strong></td>
|
||||
<tr id="grid-support-display-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
|
|
@ -317,9 +317,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></strong></td>
|
||||
<tr id="grid-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
|
|
@ -341,7 +341,7 @@
|
|||
<tbody id="s3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#issue-839d056f">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>Grid Items (61 tests)</h2>
|
||||
<h2>Grid Items (65 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></strong></td>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></strong></td>
|
||||
<tr id="grid-inline-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
|
|
@ -54,17 +54,61 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></strong></td>
|
||||
<tr id="grid-inline-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></strong></td>
|
||||
<tr id="grid-item-containing-block-001-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
|
|
@ -73,9 +117,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></strong></td>
|
||||
<tr id="grid-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
|
|
@ -84,9 +128,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></strong></td>
|
||||
<tr id="grid-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
|
|
@ -108,7 +152,7 @@
|
|||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1.#issue-8f83c1bc">
|
||||
|
|
@ -117,163 +161,163 @@
|
|||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></strong></td>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></strong></td>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></strong></td>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></strong></td>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></strong></td>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
|
|
@ -283,115 +327,115 @@
|
|||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></strong></td>
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></strong></td>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></strong></td>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
|
|
@ -400,9 +444,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></strong></td>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
|
|
@ -411,89 +455,89 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
|
|
@ -506,11 +550,11 @@
|
|||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -519,9 +563,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -530,9 +574,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -541,9 +585,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -552,9 +596,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -563,9 +607,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -574,9 +618,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-007-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-007-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -585,9 +629,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-008-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-008-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -596,9 +640,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-009-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-009-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#explicit-grid">
|
||||
|
|
@ -39,11 +39,11 @@
|
|||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">5.1 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-5.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-grid-template-columns-rows-001.xht">grid-inline-support-grid-template-columns-rows-001</a></strong></td>
|
||||
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" 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
|
||||
|
|
@ -52,9 +52,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-auto-tracks-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-auto-tracks.xht">grid-layout-auto-tracks</a></strong></td>
|
||||
<tr id="grid-layout-auto-tracks-5.1" 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
|
||||
|
|
@ -63,9 +63,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-basic-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-basic.xht">grid-layout-basic</a></strong></td>
|
||||
<tr id="grid-layout-basic-5.1" 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
|
||||
|
|
@ -74,9 +74,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-grid-template-columns-rows-001.xht">grid-support-grid-template-columns-rows-001</a></strong></td>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" 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
|
||||
|
|
@ -161,11 +161,11 @@
|
|||
<tbody id="s5.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-named-grid-lines-001.xht">grid-inline-support-named-grid-lines-001</a></strong></td>
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.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
|
||||
|
|
@ -174,9 +174,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-named-grid-lines-001.xht">grid-support-named-grid-lines-001</a></strong></td>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.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
|
||||
|
|
@ -195,11 +195,11 @@
|
|||
<tbody id="s5.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="grid-inline-support-repeat-001-5.1.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-repeat-001.xht">grid-inline-support-repeat-001</a></strong></td>
|
||||
<tr id="grid-inline-support-repeat-001-5.1.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
|
||||
|
|
@ -208,9 +208,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-repeat-notation-5.1.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-repeat-notation.xht">grid-layout-repeat-notation</a></strong></td>
|
||||
<tr id="grid-layout-repeat-notation-5.1.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
|
||||
|
|
@ -219,9 +219,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-repeat-001-5.1.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-repeat-001.xht">grid-support-repeat-001</a></strong></td>
|
||||
<tr id="grid-support-repeat-001-5.1.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
|
||||
|
|
@ -261,11 +261,11 @@
|
|||
<tbody id="s5.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="fr-unit-5.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="fr-unit.xht">fr-unit</a></strong></td>
|
||||
<tr id="fr-unit-5.1.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
|
||||
|
|
@ -274,17 +274,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="fr-unit-with-percentage-5.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="fr-unit-with-percentage.xht">fr-unit-with-percentage</a></strong></td>
|
||||
<tr id="fr-unit-with-percentage-5.1.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-5.1.3" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-flexible-lengths-001.xht">grid-inline-support-flexible-lengths-001</a></strong></td>
|
||||
<tr id="grid-inline-support-flexible-lengths-001-5.1.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
|
||||
|
|
@ -293,9 +293,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.3" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-flexible-lengths-001.xht">grid-support-flexible-lengths-001</a></strong></td>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.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
|
||||
|
|
@ -317,7 +317,7 @@
|
|||
<tbody id="s5.1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-51d08e15">
|
||||
|
|
@ -341,11 +341,11 @@
|
|||
<tbody id="s5.1.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-template-columns-rows-resolved-values-001.xht">grid-inline-template-columns-rows-resolved-values-001</a></strong></td>
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" 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
|
||||
|
|
@ -354,9 +354,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-template-columns-rows-resolved-values-001.xht">grid-template-columns-rows-resolved-values-001</a></strong></td>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" 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
|
||||
|
|
@ -372,11 +372,11 @@
|
|||
<tbody id="s5.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-grid-template-areas-001.xht">grid-inline-support-grid-template-areas-001</a></strong></td>
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" 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
|
||||
|
|
@ -385,9 +385,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-grid-template-areas-001.xht">grid-support-grid-template-areas-001</a></strong></td>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" 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
|
||||
|
|
@ -424,7 +424,7 @@
|
|||
<tbody id="s5.2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1.#implicit-named-line">
|
||||
|
|
@ -433,7 +433,7 @@
|
|||
<tbody id="s5.2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2.#implicit-named-area">
|
||||
|
|
@ -442,7 +442,7 @@
|
|||
<tbody id="s5.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-7bb340db">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Implicit Grid (0 tests)</h2>
|
||||
<h2>The Implicit Grid (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid">
|
||||
|
|
@ -45,8 +45,16 @@
|
|||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-support-grid-auto-columns-rows-001-6.1" 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="s6.1.#example-f6b2073d">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -60,7 +68,7 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#auto-placement">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.#example-750f98a7">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#clamp-a-grid-area">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -56,9 +56,9 @@
|
|||
</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.xht">grid-layout-grid-span</a></strong></td>
|
||||
<tr id="grid-layout-grid-span-9.#grid-span" class="">
|
||||
<td>
|
||||
<a href="grid-layout-grid-span.xht">grid-layout-grid-span</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid span
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -104,11 +104,11 @@
|
|||
<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>
|
||||
<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="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-lines.xht">grid-layout-lines</a></strong></td>
|
||||
<tr id="grid-layout-lines-9.1.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-lines.xht">grid-layout-lines</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid lines
|
||||
|
|
@ -117,9 +117,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-lines-shorthands-9.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-lines-shorthands.xht">grid-layout-lines-shorthands</a></strong></td>
|
||||
<tr id="grid-layout-lines-shorthands-9.1.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-lines-shorthands.xht">grid-layout-lines-shorthands</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid lines shorthands
|
||||
|
|
@ -138,7 +138,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -150,7 +150,7 @@
|
|||
<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>
|
||||
<a href="https://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">
|
||||
|
|
@ -159,13 +159,13 @@
|
|||
<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>
|
||||
<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.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>
|
||||
<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">
|
||||
|
|
@ -201,17 +201,17 @@
|
|||
<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>
|
||||
<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.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>
|
||||
<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="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-placement-shorthands.xht">grid-layout-placement-shorthands</a></strong></td>
|
||||
<tr id="grid-layout-placement-shorthands-9.4" class="">
|
||||
<td>
|
||||
<a href="grid-layout-placement-shorthands.xht">grid-layout-placement-shorthands</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>placement shorthand
|
||||
|
|
@ -233,7 +233,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growable-tracks">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 100px;
|
||||
grid-template-columns: 100px;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 50%;
|
||||
grid-template-columns: 50%;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing in a positioned grid container</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area that intersects flexible tracks" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
position: absolute;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
#test-item-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#reference-overlapping-green{
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="grid">
|
||||
<div id="test-item-overlapped-red">
|
||||
<div id="reference-overlapping-green">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#auto-tracks" rel="help" />
|
||||
<link href="reference/grid-support-grid-auto-columns-rows-001-ref.xht" rel="match" />
|
||||
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
grid-auto-columns: 30px;
|
||||
grid-auto-rows: 30px;
|
||||
}
|
||||
#first-column-first-row {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
background-color: purple;
|
||||
}
|
||||
#third-column-first-and-second-rows {
|
||||
grid-column: 3;
|
||||
grid-row: 1 / span 2;
|
||||
background-color: orange
|
||||
}
|
||||
#first-and-second-columns-second-row {
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 2;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div id="first-column-first-row"></div>
|
||||
<div id="third-column-first-and-second-rows"></div>
|
||||
<div id="third-column"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
|
||||
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira" />
|
||||
<style>
|
||||
#grid {
|
||||
position: relative;
|
||||
}
|
||||
.position {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
#first-column-first-row {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: purple;
|
||||
}
|
||||
#third-column-first-and-second-rows {
|
||||
left: 60px;
|
||||
width: 30px;
|
||||
height: 60px;
|
||||
background-color: orange
|
||||
}
|
||||
#first-and-second-columns-second-row {
|
||||
top: 30px;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div id="first-column-first-row" class="position"></div>
|
||||
<div id="third-column-first-and-second-rows" class="position"></div>
|
||||
<div id="first-and-second-columns-second-row" class="position"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,12 +1,8 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
@ -15,14 +11,9 @@
|
|||
width: 100px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -424,6 +424,38 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing in a positioned grid container">
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-items-001" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="Regular and anonymous grid items">
|
||||
|
|
@ -704,6 +736,14 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-support-grid-auto-columns-rows-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Support for 'grid-auto-columns' and 'grid-auto-rows' properties">
|
||||
<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 rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-vertical-align-001" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="'vertical-align' has no effect on grid items">
|
||||
|
|
|
|||
|
|
@ -49,6 +49,10 @@ grid-inline-z-axis-ordering-overlapped-items-003.xht == reference/grid-filled-bl
|
|||
grid-inline-z-axis-ordering-overlapped-items-004.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht
|
||||
grid-inline-z-axis-ordering-overlapped-items-005.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht
|
||||
grid-inline-z-axis-ordering-overlapped-items-006.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht
|
||||
grid-item-containing-block-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-item-containing-block-002.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-item-containing-block-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-item-containing-block-004.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-items-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-items-002.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-items-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
|
|
@ -84,6 +88,7 @@ grid-order-property-painting-002.xht == reference/ref-filled-green-100px-square.
|
|||
grid-order-property-painting-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-order-property-painting-004.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-order-property-painting-005.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-support-grid-auto-columns-rows-001.xht == reference/grid-support-grid-auto-columns-rows-001-ref.xht
|
||||
grid-vertical-align-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-z-axis-ordering-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-z-axis-ordering-002.xht == reference/ref-filled-green-100px-square.xht
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Grid Items</a></th>
|
||||
<td>(61 Tests)</td></tr>
|
||||
<td>(65 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
The Implicit Grid</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
|
|
|
|||
|
|
@ -30,19 +30,19 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2.#example-8bec48fd">
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
<tbody id="s1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3.#example-c1aac7f6">
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
<tbody id="s1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4.#example-07f44438">
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#augmented-grid">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s10.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#gutter">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s11.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#example-09da26fa">
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
<tbody id="s11.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#example-50fa0987">
|
||||
|
|
@ -78,13 +78,13 @@
|
|||
<tbody id="s11.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-2b9c8e4b">
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<tbody id="s11.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#baseline-participation">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s12">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#fixed-sizing-function">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s12.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#issue-4f54519f">
|
||||
|
|
@ -57,14 +57,14 @@
|
|||
<tbody id="s12.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#free-space">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></strong></td>
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="">
|
||||
<td>
|
||||
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>free space unit
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<tbody id="s12.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#base-size">
|
||||
|
|
@ -101,13 +101,13 @@
|
|||
<tbody id="s12.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#distribute-extra-space">
|
||||
|
|
@ -125,19 +125,19 @@
|
|||
<tbody id="s12.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#flex-factor-sum">
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s13">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1.#issue-69d6a1c1">
|
||||
|
|
@ -161,9 +161,9 @@
|
|||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</a></strong></td>
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</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 Layout - Properties exist
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#column-axis">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#example-35388f26">
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#example-07ee9d6e">
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#example-05759431">
|
||||
|
|
|
|||
|
|
@ -30,17 +30,17 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="display-grid.xht">display-grid</a></strong></td>
|
||||
<tr id="display-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-grid.xht">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: grid
|
||||
|
|
@ -49,9 +49,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="display-inline-grid-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></strong></td>
|
||||
<tr id="display-inline-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
|
|
@ -60,17 +60,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></strong></td>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></strong></td>
|
||||
<tr id="grid-display-grid-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
|
|
@ -79,9 +79,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></strong></td>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'inline-grid' value for 'display' property
|
||||
|
|
@ -90,9 +90,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></strong></td>
|
||||
<tr id="grid-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
|
|
@ -101,9 +101,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></strong></td>
|
||||
<tr id="grid-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
|
|
@ -112,9 +112,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></strong></td>
|
||||
<tr id="grid-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items
|
||||
|
|
@ -123,9 +123,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></strong></td>
|
||||
<tr id="grid-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
|
|
@ -134,9 +134,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></strong></td>
|
||||
<tr id="grid-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
|
|
@ -145,9 +145,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></strong></td>
|
||||
<tr id="grid-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items
|
||||
|
|
@ -156,25 +156,25 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-float-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></strong></td>
|
||||
<tr id="grid-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></strong></td>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
|
|
@ -183,9 +183,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
|
|
@ -194,9 +194,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></strong></td>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
|
|
@ -205,9 +205,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></strong></td>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
|
|
@ -216,9 +216,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></strong></td>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
|
|
@ -227,9 +227,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></strong></td>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
|
|
@ -238,25 +238,25 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></strong></td>
|
||||
<tr id="grid-inline-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></strong></td>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></strong></td>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
|
|
@ -265,9 +265,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></strong></td>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
|
|
@ -276,17 +276,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></strong></td>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></strong></td>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
|
|
@ -295,9 +295,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></strong></td>
|
||||
<tr id="grid-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
|
|
@ -306,9 +306,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-3.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></strong></td>
|
||||
<tr id="grid-support-display-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
|
|
@ -317,9 +317,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></strong></td>
|
||||
<tr id="grid-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
|
|
@ -341,7 +341,7 @@
|
|||
<tbody id="s3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#issue-839d056f">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>Grid Items (61 tests)</h2>
|
||||
<h2>Grid Items (65 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></strong></td>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></strong></td>
|
||||
<tr id="grid-inline-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
|
|
@ -54,17 +54,61 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></strong></td>
|
||||
<tr id="grid-inline-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></strong></td>
|
||||
<tr id="grid-item-containing-block-001-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
|
|
@ -73,9 +117,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></strong></td>
|
||||
<tr id="grid-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
|
|
@ -84,9 +128,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></strong></td>
|
||||
<tr id="grid-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
|
|
@ -108,7 +152,7 @@
|
|||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1.#issue-8f83c1bc">
|
||||
|
|
@ -117,163 +161,163 @@
|
|||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></strong></td>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></strong></td>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></strong></td>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></strong></td>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></strong></td>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></strong></td>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></strong></td>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></strong></td>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
|
|
@ -283,115 +327,115 @@
|
|||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></strong></td>
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></strong></td>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></strong></td>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></strong></td>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
|
|
@ -400,9 +444,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></strong></td>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
|
|
@ -411,89 +455,89 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></strong></td>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
|
|
@ -506,11 +550,11 @@
|
|||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -519,9 +563,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -530,9 +574,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -541,9 +585,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -552,9 +596,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -563,9 +607,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -574,9 +618,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-007-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-007-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -585,9 +629,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-008-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-008-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
@ -596,9 +640,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-009-4.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></strong></td>
|
||||
<tr id="grid-minimum-size-grid-items-009-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#explicit-grid">
|
||||
|
|
@ -39,11 +39,11 @@
|
|||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">5.1 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-5.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-grid-template-columns-rows-001.xht">grid-inline-support-grid-template-columns-rows-001</a></strong></td>
|
||||
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" 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
|
||||
|
|
@ -52,9 +52,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-auto-tracks-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-auto-tracks.xht">grid-layout-auto-tracks</a></strong></td>
|
||||
<tr id="grid-layout-auto-tracks-5.1" 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
|
||||
|
|
@ -63,9 +63,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-basic-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-basic.xht">grid-layout-basic</a></strong></td>
|
||||
<tr id="grid-layout-basic-5.1" 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
|
||||
|
|
@ -74,9 +74,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-grid-template-columns-rows-001.xht">grid-support-grid-template-columns-rows-001</a></strong></td>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" 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
|
||||
|
|
@ -161,11 +161,11 @@
|
|||
<tbody id="s5.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-named-grid-lines-001.xht">grid-inline-support-named-grid-lines-001</a></strong></td>
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.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
|
||||
|
|
@ -174,9 +174,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-named-grid-lines-001.xht">grid-support-named-grid-lines-001</a></strong></td>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.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
|
||||
|
|
@ -195,11 +195,11 @@
|
|||
<tbody id="s5.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="grid-inline-support-repeat-001-5.1.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-repeat-001.xht">grid-inline-support-repeat-001</a></strong></td>
|
||||
<tr id="grid-inline-support-repeat-001-5.1.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
|
||||
|
|
@ -208,9 +208,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-repeat-notation-5.1.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-repeat-notation.xht">grid-layout-repeat-notation</a></strong></td>
|
||||
<tr id="grid-layout-repeat-notation-5.1.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
|
||||
|
|
@ -219,9 +219,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-repeat-001-5.1.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-repeat-001.xht">grid-support-repeat-001</a></strong></td>
|
||||
<tr id="grid-support-repeat-001-5.1.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
|
||||
|
|
@ -261,11 +261,11 @@
|
|||
<tbody id="s5.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="fr-unit-5.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="fr-unit.xht">fr-unit</a></strong></td>
|
||||
<tr id="fr-unit-5.1.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
|
||||
|
|
@ -274,17 +274,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="fr-unit-with-percentage-5.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="fr-unit-with-percentage.xht">fr-unit-with-percentage</a></strong></td>
|
||||
<tr id="fr-unit-with-percentage-5.1.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-5.1.3" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-flexible-lengths-001.xht">grid-inline-support-flexible-lengths-001</a></strong></td>
|
||||
<tr id="grid-inline-support-flexible-lengths-001-5.1.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
|
||||
|
|
@ -293,9 +293,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.3" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-flexible-lengths-001.xht">grid-support-flexible-lengths-001</a></strong></td>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.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
|
||||
|
|
@ -317,7 +317,7 @@
|
|||
<tbody id="s5.1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-51d08e15">
|
||||
|
|
@ -341,11 +341,11 @@
|
|||
<tbody id="s5.1.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-template-columns-rows-resolved-values-001.xht">grid-inline-template-columns-rows-resolved-values-001</a></strong></td>
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" 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
|
||||
|
|
@ -354,9 +354,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-template-columns-rows-resolved-values-001.xht">grid-template-columns-rows-resolved-values-001</a></strong></td>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" 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
|
||||
|
|
@ -372,11 +372,11 @@
|
|||
<tbody id="s5.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-inline-support-grid-template-areas-001.xht">grid-inline-support-grid-template-areas-001</a></strong></td>
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" 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
|
||||
|
|
@ -385,9 +385,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" class="primary ahem dom script">
|
||||
<td><strong>
|
||||
<a href="grid-support-grid-template-areas-001.xht">grid-support-grid-template-areas-001</a></strong></td>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" 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
|
||||
|
|
@ -424,7 +424,7 @@
|
|||
<tbody id="s5.2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1.#implicit-named-line">
|
||||
|
|
@ -433,7 +433,7 @@
|
|||
<tbody id="s5.2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2.#implicit-named-area">
|
||||
|
|
@ -442,7 +442,7 @@
|
|||
<tbody id="s5.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-7bb340db">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Implicit Grid (0 tests)</h2>
|
||||
<h2>The Implicit Grid (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid">
|
||||
|
|
@ -45,8 +45,16 @@
|
|||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-support-grid-auto-columns-rows-001-6.1" 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="s6.1.#example-f6b2073d">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -60,7 +68,7 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#auto-placement">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.#example-750f98a7">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#clamp-a-grid-area">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -56,9 +56,9 @@
|
|||
</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.xht">grid-layout-grid-span</a></strong></td>
|
||||
<tr id="grid-layout-grid-span-9.#grid-span" class="">
|
||||
<td>
|
||||
<a href="grid-layout-grid-span.xht">grid-layout-grid-span</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid span
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -104,11 +104,11 @@
|
|||
<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>
|
||||
<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="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-lines.xht">grid-layout-lines</a></strong></td>
|
||||
<tr id="grid-layout-lines-9.1.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-lines.xht">grid-layout-lines</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid lines
|
||||
|
|
@ -117,9 +117,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-lines-shorthands-9.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-lines-shorthands.xht">grid-layout-lines-shorthands</a></strong></td>
|
||||
<tr id="grid-layout-lines-shorthands-9.1.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-lines-shorthands.xht">grid-layout-lines-shorthands</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid lines shorthands
|
||||
|
|
@ -138,7 +138,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
@ -150,7 +150,7 @@
|
|||
<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>
|
||||
<a href="https://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">
|
||||
|
|
@ -159,13 +159,13 @@
|
|||
<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>
|
||||
<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.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>
|
||||
<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">
|
||||
|
|
@ -201,17 +201,17 @@
|
|||
<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>
|
||||
<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.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>
|
||||
<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="primary">
|
||||
<td><strong>
|
||||
<a href="grid-layout-placement-shorthands.xht">grid-layout-placement-shorthands</a></strong></td>
|
||||
<tr id="grid-layout-placement-shorthands-9.4" class="">
|
||||
<td>
|
||||
<a href="grid-layout-placement-shorthands.xht">grid-layout-placement-shorthands</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>placement shorthand
|
||||
|
|
@ -233,7 +233,7 @@
|
|||
<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>
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="http://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growable-tracks">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 100px;
|
||||
grid-template-columns: 100px;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 50%;
|
||||
grid-template-columns: 50%;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
#test-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#test-overlapping-green {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="grid">
|
||||
<div id="test-overlapped-red">
|
||||
<div id="test-overlapping-green"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Grid item sizing in a positioned grid container</title>
|
||||
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" />
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" />
|
||||
<meta content="A grid item is sized within the containing block defined by its grid area that intersects flexible tracks" name="assert" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
position: absolute;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
#test-item-overlapped-red {
|
||||
background-color: red;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#reference-overlapping-green{
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="grid">
|
||||
<div id="test-item-overlapped-red">
|
||||
<div id="reference-overlapping-green">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#auto-tracks" rel="help" />
|
||||
<link href="reference/grid-support-grid-auto-columns-rows-001-ref.xht" rel="match" />
|
||||
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira" />
|
||||
<style>
|
||||
#grid {
|
||||
display: grid;
|
||||
grid-auto-columns: 30px;
|
||||
grid-auto-rows: 30px;
|
||||
}
|
||||
#first-column-first-row {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
background-color: purple;
|
||||
}
|
||||
#third-column-first-and-second-rows {
|
||||
grid-column: 3;
|
||||
grid-row: 1 / span 2;
|
||||
background-color: orange
|
||||
}
|
||||
#first-and-second-columns-second-row {
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 2;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div id="first-column-first-row"></div>
|
||||
<div id="third-column-first-and-second-rows"></div>
|
||||
<div id="third-column"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
|
||||
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira" />
|
||||
<style>
|
||||
#grid {
|
||||
position: relative;
|
||||
}
|
||||
.position {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
#first-column-first-row {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: purple;
|
||||
}
|
||||
#third-column-first-and-second-rows {
|
||||
left: 60px;
|
||||
width: 30px;
|
||||
height: 60px;
|
||||
background-color: orange
|
||||
}
|
||||
#first-and-second-columns-second-row {
|
||||
top: 30px;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div id="first-column-first-row" class="position"></div>
|
||||
<div id="third-column-first-and-second-rows" class="position"></div>
|
||||
<div id="first-and-second-columns-second-row" class="position"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,8 +1,6 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
|
|
@ -13,9 +11,7 @@
|
|||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
@ -24,14 +20,9 @@
|
|||
width: 100px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -424,6 +424,38 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing">
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-item-containing-block-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Grid item sizing in a positioned grid container">
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-items-001" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="Regular and anonymous grid items">
|
||||
|
|
@ -704,6 +736,14 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-support-grid-auto-columns-rows-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Support for 'grid-auto-columns' and 'grid-auto-rows' properties">
|
||||
<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 rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="grid-vertical-align-001" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="'vertical-align' has no effect on grid items">
|
||||
|
|
|
|||
|
|
@ -49,6 +49,10 @@ grid-inline-z-axis-ordering-overlapped-items-003.xht == reference/grid-filled-bl
|
|||
grid-inline-z-axis-ordering-overlapped-items-004.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht
|
||||
grid-inline-z-axis-ordering-overlapped-items-005.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht
|
||||
grid-inline-z-axis-ordering-overlapped-items-006.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht
|
||||
grid-item-containing-block-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-item-containing-block-002.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-item-containing-block-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-item-containing-block-004.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-items-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-items-002.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-items-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
|
|
@ -84,6 +88,7 @@ grid-order-property-painting-002.xht == reference/ref-filled-green-100px-square.
|
|||
grid-order-property-painting-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-order-property-painting-004.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-order-property-painting-005.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-support-grid-auto-columns-rows-001.xht == reference/grid-support-grid-auto-columns-rows-001-ref.xht
|
||||
grid-vertical-align-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-z-axis-ordering-001.xht == reference/ref-filled-green-100px-square.xht
|
||||
grid-z-axis-ordering-002.xht == reference/ref-filled-green-100px-square.xht
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Grid Items</a></th>
|
||||
<td>(61 Tests)</td></tr>
|
||||
<td>(65 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
The Implicit Grid</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue