Update web-platform-tests and CSS tests.

- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger 2017-02-06 11:06:12 +01:00
parent fb4f421c8b
commit 296fa2512b
21852 changed files with 2080936 additions and 892894 deletions

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>The Explicit Grid - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Grid Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
@ -13,7 +13,7 @@
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>The Explicit Grid (17 tests)</h2>
<h2>Grid Containers (28 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,440 +30,447 @@
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<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">
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">5 Grid Containers</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<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="ahem dom script">
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">5.1 Establishing Grid Containers: the grid, inline-grid, and subgrid display values</a></th></tr>
<!-- 28 tests -->
<tr id="display-grid-5.1" class="">
<td>
<a href="grid-inline-support-grid-template-columns-rows-001.htm">grid-inline-support-grid-template-columns-rows-001</a></td>
<a href="display-grid.htm">display-grid</a></td>
<td><a href="reference/display-grid-ref.htm">=</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
<td>CSS Grid Layout: display: grid
<ul class="assert">
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.</li>
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
</ul>
</td>
</tr>
<tr id="grid-layout-auto-tracks-5.1" class="">
<tr id="display-inline-grid-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>
<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>auto tracks
<td>CSS Grid Layout: display: inline-grid
<ul class="assert">
<li>the layout should behave the same as reference.</li>
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
</ul>
</td>
</tr>
<tr id="grid-layout-basic-5.1" class="">
<tr id="grid-computed-value-display-floated-items-001-5.1" class="dom script">
<td>
<a href="grid-layout-basic.htm">grid-layout-basic</a></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<a href="grid-computed-value-display-floated-items-001.htm">grid-computed-value-display-floated-items-001</a></td>
<td></td>
<td>basic
<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-5.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
<ul class="assert">
<li>the layout should behave the same as reference.</li>
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
</ul>
</td>
</tr>
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
<tr id="grid-display-inline-grid-001-5.1" class="">
<td>
<a href="grid-support-grid-template-columns-rows-001.htm">grid-support-grid-template-columns-rows-001</a></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><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
<td>'inline-grid' value for 'display' property
<ul class="assert">
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.</li>
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.#example-b22f59e2">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#example-cbfcc6c1">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#flex-factor">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#propdef-grid-template-columns">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#propdef-grid-template-rows">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#track-list">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-auto-track-list">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-fixed-breadth">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-fixed-size">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-line-name-list">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-line-names">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-track-breadth">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-track-list">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#typedef-track-size">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-auto">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-flex">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-length">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-max-content">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-min-content">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-minmax">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-percentage">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-rows-none">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-rows-subgrid">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.1">+</a>
<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="ahem dom script">
<tr id="grid-first-letter-001-5.1" class="">
<td>
<a href="grid-inline-support-named-grid-lines-001.htm">grid-inline-support-named-grid-lines-001</a></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><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
<td>'::first-letter' from grid container does not apply to grid items
<ul class="assert">
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.</li>
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-support-named-grid-lines-001-5.1.1" class="ahem dom script">
<tr id="grid-first-letter-002-5.1" class="">
<td>
<a href="grid-support-named-grid-lines-001.htm">grid-support-named-grid-lines-001</a></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><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
<td>'::first-letter' from grid container ancestors does not apply to grid items
<ul class="assert">
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.</li>
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.1.#example-6123b007">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1.#named-line">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.2">+</a>
<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="ahem dom script">
<tr id="grid-first-letter-003-5.1" class="">
<td>
<a href="grid-inline-support-repeat-001.htm">grid-inline-support-repeat-001</a></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><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
<td>'::first-letter' works on grid items
<ul class="assert">
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.</li>
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
</ul>
</td>
</tr>
<tr id="grid-layout-repeat-notation-5.1.2" class="">
<tr id="grid-first-line-001-5.1" 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>
<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>repeat notation
<td>'::first-line' from grid container does not apply to grid items
<ul class="assert">
<li>the subgrid layout should behave the same as reference.</li>
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-support-repeat-001-5.1.2" class="ahem dom script">
<tr id="grid-first-line-002-5.1" class="">
<td>
<a href="grid-support-repeat-001.htm">grid-support-repeat-001</a></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><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
<td>'::first-line' from grid container ancestors does not apply to grid items
<ul class="assert">
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.</li>
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.2.#example-bb14e892">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#funcdef-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#issue-6cc61e0b">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#typedef-auto-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#typedef-fixed-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#typedef-name-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#typedef-track-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#valdef-repeat-auto-fill">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#valdef-repeat-auto-fit">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.3">+</a>
<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="">
<tr id="grid-first-line-003-5.1" class="">
<td>
<a href="fr-unit.htm">fr-unit</a></td>
<td><a href="reference/fr-unit-ref.htm">=</a> </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>CSS3 Grid Layout: Flexible Length
<td>'::first-line' works on grid items
<ul class="assert">
<li>'fr' unit represents a fraction of the free space in the grid container.</li>
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
</ul>
</td>
</tr>
<tr id="fr-unit-with-percentage-5.1.3" class="">
<tr id="grid-float-001-5.1" 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>
<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>CSS3 Grid Layout: Flexible Lenght
<td>'float' has no effect on grid items
</td>
</tr>
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="ahem dom script">
<tr id="grid-floats-no-intrude-001-5.1" class="">
<td>
<a href="grid-inline-support-flexible-lengths-001.htm">grid-inline-support-flexible-lengths-001</a></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><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
<td>floats do not intrude into a grid
</td>
</tr>
<tr id="grid-inline-first-letter-001-5.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
<ul class="assert">
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.</li>
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-support-flexible-lengths-001-5.1.3" class="ahem dom script">
<tr id="grid-inline-first-letter-002-5.1" class="">
<td>
<a href="grid-support-flexible-lengths-001.htm">grid-support-flexible-lengths-001</a></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><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
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
<ul class="assert">
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.</li>
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.3.#flex-fraction">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3.#flexible-length">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3.#typedef-flex">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.4">+</a>
<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">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.4.#example-55adf7b5">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.4.#example-6839256e">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.4.#example-b547f836">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.4.#issue-b2c6c5eb">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.4.#subgrid">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.5">+</a>
<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="ahem dom script">
<tr id="grid-inline-first-letter-003-5.1" class="">
<td>
<a href="grid-inline-template-columns-rows-resolved-values-001.htm">grid-inline-template-columns-rows-resolved-values-001</a></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><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
<td>'::first-letter' works on grid items within an inline grid
<ul class="assert">
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.</li>
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
</ul>
</td>
</tr>
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
<tr id="grid-inline-first-line-001-5.1" class="">
<td>
<a href="grid-template-columns-rows-resolved-values-001.htm">grid-template-columns-rows-resolved-values-001</a></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><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
<td>'::first-line' from inline grid container does not apply to grid items
<ul class="assert">
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.</li>
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-002-5.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
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-003-5.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
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-float-001-5.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-5.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-5.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
<ul class="assert">
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
</ul>
</td>
</tr>
<tr id="grid-inline-multicol-001-5.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
<ul class="assert">
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-vertical-align-001-5.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-5.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
<ul class="assert">
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
</ul>
</td>
</tr>
<tr id="grid-multicol-001-5.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
<ul class="assert">
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-support-display-001-5.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
<ul class="assert">
<li>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.</li>
</ul>
</td>
</tr>
<tr id="grid-vertical-align-001-5.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
</td>
</tr>
</tbody>
<tbody id="s5.1.5.#example-c7bf51ed">
<tbody id="s5.1.#grid-container">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#grid-formatting-context">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-7">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-16">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-17">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-18">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-19">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-20">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-21">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-22">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-container-23">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-item-20">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-item-21">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-item-22">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-item-23">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-grid-line-14">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-subgrid-2">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-grid-1">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-grid-2">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-grid-3">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-grid-4">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-1">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-2">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-3">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#ref-for-valdef-display-subgrid-1">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-display-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-display-inline-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-display-subgrid">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
<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="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
<ul class="assert">
<li>This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.</li>
</ul>
</td>
</tr>
<tr id="grid-support-grid-template-areas-001-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
<ul class="assert">
<li>This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.2.#example-1e271cff">
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">5.2 Sizing Grid Containers</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#named-cell-token">
<tbody id="s5.2.#ref-for-grid-container-24">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#named-grid-area">
<tbody id="s5.2.#ref-for-grid-container-25">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#null-cell-token">
<tbody id="s5.2.#ref-for-grid-container-26">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#propdef-grid-template-areas">
<tbody id="s5.2.#ref-for-grid-container-27">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#trash-token">
<tbody id="s5.2.#ref-for-grid-container-28">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#valdef-grid-template-areas-none">
<tbody id="s5.2.#ref-for-grid-container-29">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#valdef-grid-template-areas-string">
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-2">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.1">+</a>
<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">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.2">+</a>
<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">
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-3">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.3">+</a>
<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>
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">5.3 Clamping Overly Large Grids</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-7bb340db">
<tbody id="s5.3.#clamp-a-grid-area">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-cff2ea6e">
<tbody id="s5.3.#example-3562ead8">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#grid-template-ascii">
<tbody id="s5.3.#ref-for-clamp-a-grid-area-1">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#grid-template-rowcol">
<tbody id="s5.3.#ref-for-grid-8">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#propdef-grid-template">
<tbody id="s5.3.#ref-for-grid-9">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#valdef-grid-template-none">
<tbody id="s5.3.#ref-for-grid-area-11">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#valdef-grid-template-subgrid">
<tbody id="s5.3.#ref-for-grid-area-12">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#ref-for-grid-span-1">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#ref-for-grid-track-7">
<!-- 0 tests -->
</tbody>
</table>