Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0

This commit is contained in:
Ms2ger 2015-08-21 17:46:44 +02:00
parent 7c45ff8e05
commit f235d49372
6623 changed files with 267392 additions and 10061 deletions

View file

@ -45,18 +45,27 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s1.3.#example-c1aac7f6">
<!-- 0 tests -->
</tbody>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s1.4.#example-07f44438">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Alignment - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Absolute Positioning - 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>Alignment (0 tests)</h2>
<h2>Absolute Positioning (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,49 +30,25 @@
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#alignment">10 Alignment</a></th></tr>
<a href="http://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/#auto-margins">10.1 Aligning with auto margins</a></th></tr>
<a href="http://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.#issue-1383de0a">
<tbody id="s10.1.#augmented-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s10.1.#example-5e661594">
<!-- 0 tests -->
</tbody>
<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/#row-align">10.2 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.2.#issue-3a8dda12">
<!-- 0 tests -->
</tbody>
<tbody id="s10.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#column-align">10.3 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-align">10.4 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">10.5 Grid Baselines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.5.#baseline-participation">
<!-- 0 tests -->
</tbody>
<tbody id="s10.5.#order_modified-grid-order">
<a href="http://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Grid Sizing - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Alignment and Spacing - 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>Grid Sizing (1 tests)</h2>
<h2>Alignment and Spacing (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,123 +30,85 @@
<tbody id="s11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">11 Grid Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.#fixed-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#flexible-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#grid-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#intrinsic-sizing-function">
<a href="http://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/#algo-overview">11.1 Grid Sizing Algorithm</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the column-gap, row-gap, and grid-gap properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#gutter">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#issue-bbfb3743">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-column-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-grid-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-row-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#valdef-row-gap-normal">
<!-- 0 tests -->
</tbody>
<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/#algo-terms">11.2 Track Sizing Terminology</a></th></tr>
<a href="http://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.#free-space">
<!-- 1 tests -->
<tr id="grid-layout-free-space-unit-11.2.#free-space" class="primary">
<td><strong>
<a href="grid-layout-free-space-unit.htm">grid-layout-free-space-unit</a></strong></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<td></td>
<td>free space unit
<ul class="assert">
<li>the layout should behave the same as reference.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s11.2.#max-track-sizing-function">
<tbody id="s11.2.#example-09da26fa">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.#min-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.#span-count">
<tbody id="s11.2.#issue-1383de0a">
<!-- 0 tests -->
</tbody>
<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/#algo-track-sizing">11.3 Track Sizing Algorithm</a></th></tr>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#base-size">
<tbody id="s11.3.#example-50fa0987">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#growth-limit">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#track-sizing-algorithm">
<tbody id="s11.3.#issue-3a8dda12">
<!-- 0 tests -->
</tbody>
<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/#algo-init">11.4 Initialize Track Sizes</a></th></tr>
<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>
<!-- 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/#algo-content">11.5 Resolve Intrinsic Track Sizes</a></th></tr>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#distribute-extra-space">
<tbody id="s11.5.#example-2b9c8e4b">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#infinitely-growable">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#issue-b256823c">
<tbody id="s11.5.#issue-db68a1c3">
<!-- 0 tests -->
</tbody>
<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/#algo-grow-tracks">11.6 Maximize Tracks</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.7">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-flex-tracks">11.7 Stretch Flexible Tracks</a></th></tr>
<tbody id="s11.6.#baseline-participation">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.7.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-find-fr-size">11.7.1 Find the Size of an fr</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#flex-factor-sum">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#hypothetical-fr-size">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#leftover-space">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#space-to-fill">
<tbody id="s11.6.#order_modified-grid-order">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Fragmenting Grid Layout - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Grid Sizing - 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>Fragmenting Grid Layout (1 tests)</h2>
<h2>Grid Sizing (1 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,153 +30,126 @@
<tbody id="s12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#pagination">12 Fragmenting Grid Layout</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.#fixed-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#flexible-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#grid-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#intrinsic-sizing-function">
<!-- 0 tests -->
</tbody>
<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/#fragmentation-alg">12.1 Sample Fragmentation Algorithm</a></th></tr>
<a href="http://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-69d6a1c1">
<tbody id="s12.1.#issue-4f54519f">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s.#acks">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-align-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-overflow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-pseudo-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-syntax-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-writing-modes-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-align">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3val">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-mediaqueries-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#property-index">
<tbody id="s12.2.#free-space">
<!-- 1 tests -->
<tr id="grid-layout-properties-.#property-index" class="primary ahem dom script">
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="primary">
<td><strong>
<a href="grid-layout-properties.htm">grid-layout-properties</a></strong></td>
<a href="grid-layout-free-space-unit.htm">grid-layout-free-space-unit</a></strong></td>
<td><a href="reference/grid-layout-basic-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 Layout - Properties exist
<td>free space unit
<ul class="assert">
<li>Test checks that css properties of grid layout exist.</li>
<li>the layout should behave the same as reference.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s.#references">
<tbody id="s12.2.#max-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<tbody id="s12.2.#min-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<tbody id="s12.2.#span-count">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<tbody id="s12.3.#base-size">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<tbody id="s12.3.#growth-limit">
<!-- 0 tests -->
</tbody>
<tbody id="s12.3.#track-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#distribute-extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#infinitely-growable">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#issue-b256823c">
<!-- 0 tests -->
</tbody>
<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>
<!-- 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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#flex-factor-sum">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#hypothetical-fr-size">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#leftover-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#space-to-fill">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -0,0 +1,200 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Fragmenting Grid Layout - CSS Grid Layout Module Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>Fragmenting Grid Layout (1 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s13.1.#issue-69d6a1c1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acks">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-align-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-cascade-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-overflow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-pseudo-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-syntax-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-writing-modes-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-align">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-display">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3col">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3val">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-mediaqueries-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#example-f839f6c8">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</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>
<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
<ul class="assert">
<li>Test checks that css properties of grid layout exist.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -57,6 +57,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#grid-cell">
<!-- 0 tests -->
</tbody>
@ -69,6 +72,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#grid-line">
<!-- 0 tests -->
</tbody>
@ -78,9 +84,15 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#grid-area">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#issue-2cf2761e">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>Grid Items (52 tests)</h2>
<h2>Grid Items (61 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -93,9 +93,18 @@
</td>
</tr>
</tbody>
<tbody id="s4.#example-565bbd9a">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#grid-item">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#grid_level">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#issue-1779cb08">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
@ -274,15 +283,9 @@
<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/#static-position">4.3 Static Position of Grid Container Children</a></th></tr>
<!-- 0 tests -->
</tbody>
<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/#z-order">4.4 Z-axis Ordering: the z-index property</a></th></tr>
<a href="http://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.4" class="primary">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -290,7 +293,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -298,7 +301,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -306,7 +309,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -314,7 +317,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -322,7 +325,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -330,7 +333,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -338,7 +341,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -346,7 +349,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -354,7 +357,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -362,7 +365,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -370,7 +373,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -378,7 +381,7 @@
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-items-inline-blocks-001-4.4" class="primary">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -386,7 +389,7 @@
<td>Paint order of grid items is the same as inline blocks
</td>
</tr>
<tr id="grid-layout-z-order-a-4.4" class="primary">
<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>
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
@ -397,7 +400,7 @@
</ul>
</td>
</tr>
<tr id="grid-layout-z-order-b-4.4" class="primary">
<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>
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
@ -408,7 +411,7 @@
</ul>
</td>
</tr>
<tr id="grid-z-axis-ordering-001-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -416,7 +419,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-002-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -424,7 +427,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-003-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -432,7 +435,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-004-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -440,7 +443,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-005-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
@ -448,7 +451,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-001-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -456,7 +459,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-002-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -464,7 +467,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-003-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -472,7 +475,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-004-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -480,7 +483,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-005-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -488,7 +491,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-006-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
@ -497,6 +500,117 @@
</td>
</tr>
</tbody>
<tbody id="s4.3.#example-25600ee6">
<!-- 0 tests -->
</tbody>
<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>
<!-- 9 tests -->
<tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem">
<td><strong>
<a href="grid-minimun-size-grid-items-001.htm">grid-minimun-size-grid-items-001</a></strong></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>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-002-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-002.htm">grid-minimun-size-grid-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-003-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-003.htm">grid-minimun-size-grid-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-004-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-004.htm">grid-minimun-size-grid-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-005-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-005.htm">grid-minimun-size-grid-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-006-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-006.htm">grid-minimun-size-grid-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-007-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-007.htm">grid-minimun-size-grid-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-008-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-008.htm">grid-minimun-size-grid-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-009-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-009.htm">grid-minimun-size-grid-items-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s4.4.#min-size-opt">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -86,6 +86,15 @@
</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>
@ -119,9 +128,6 @@
<tbody id="s5.1.#valdef-grid-template-columns-flex">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-flex-factor">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-length">
<!-- 0 tests -->
</tbody>
@ -171,6 +177,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.1.1.#example-6123b007">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1.#named-line">
<!-- 0 tests -->
</tbody>
@ -213,10 +222,28 @@
</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.#valdef-repeat-auto">
<tbody id="s5.1.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.2.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#repeat-auto">5.1.2.1 Repeat-to-fill</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#issue-6d21701c">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#issue-a3dd1e18">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#typedef-auto-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#valdef-repeat-auto">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3">
@ -281,6 +308,18 @@
<a href="http://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.#subgrid">
<!-- 0 tests -->
</tbody>
@ -312,6 +351,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.1.5.#example-c7bf51ed">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
@ -340,6 +382,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.2.#example-1e271cff">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#named-cell-token">
<!-- 0 tests -->
</tbody>
@ -385,6 +430,12 @@
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-7bb340db">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-cff2ea6e">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#grid-template-ascii">
<!-- 0 tests -->
</tbody>

View file

@ -36,13 +36,19 @@
<tbody id="s6.#implicit-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#implicit-grid-lines">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#implicit-grid-track">
<!-- 0 tests -->
</tbody>
<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 -->
</tbody>
<tbody id="s6.1.#implicit-grid-track">
<tbody id="s6.1.#example-f6b2073d">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#propdef-grid-auto-columns">
@ -60,6 +66,9 @@
<tbody id="s6.2.#auto_placement">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#example-151588ef">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#propdef-grid-auto-flow">
<!-- 0 tests -->
</tbody>

View file

@ -33,6 +33,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#propdef-grid">
<!-- 0 tests -->
</tbody>

View file

@ -33,6 +33,12 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s8.#example-d8113d55">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -83,12 +83,24 @@
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-named-areas">9.1.1 Named Areas</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#example-7c4df580">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#example-df960baa">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-numeric">9.1.2 Numeric Indexes and Spans</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#example-27d41da0">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#example-3c89c9a4">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3">+</a>
@ -117,24 +129,42 @@
</td>
</tr>
</tbody>
<tbody id="s9.1.3.#example-01a712a1">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3.#example-f18ff78e">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-placement">9.1.4 Auto Placement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4.#example-63dbf459">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4.#example-dd1fe353">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.5.#example-d12eb89f">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#line-placement">9.2 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.2.#example-198bb78c">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.#grid-placement-auto">
<!-- 0 tests -->
</tbody>
@ -197,25 +227,22 @@
<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/#abspos-items">9.4 Absolutely-positioned Grid Items</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.4 Grid Item Placement Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.5 Grid Item Placement Algorithm</a></th></tr>
<tbody id="s9.4.#auto_placement-cursor">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#auto_placement-cursor">
<tbody id="s9.4.#example-f1587aa2">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#grid-item-placement-algorithm">
<tbody id="s9.4.#grid-item-placement-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#occupied">
<tbody id="s9.4.#occupied">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#unoccupied">
<tbody id="s9.4.#unoccupied">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -24,8 +24,6 @@
.inline-grid {
display: inline-grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
</style>

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -24,8 +24,6 @@
.grid {
display: grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
</style>

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property">
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<style type="text/css">

View file

@ -37,7 +37,7 @@
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
Grid Items</a></th>
<td>(52 Tests)</td></tr>
<td>(61 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.htm">Chapter 5 -
@ -66,16 +66,21 @@
</tbody>
<tbody id="s10">
<tr><th><a href="chapter-10.htm">Chapter 10 -
Alignment</a></th>
Absolute Positioning</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s11">
<tr><th><a href="chapter-11.htm">Chapter 11 -
Grid Sizing</a></th>
<td>(1 Tests)</td></tr>
Alignment and Spacing</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s12">
<tr><th><a href="chapter-12.htm">Chapter 12 -
Grid Sizing</a></th>
<td>(1 Tests)</td></tr>
</tbody>
<tbody id="s13">
<tr><th><a href="chapter-13.htm">Chapter 13 -
Fragmenting Grid Layout</a></th>
<td>(1 Tests)</td></tr>
</tbody>

View file

@ -59,28 +59,28 @@ html/grid-inline-items-inline-blocks-001.htm e4ae7477d5c1838d4cb6b2cd3b3c0b671be
xhtml1/grid-inline-items-inline-blocks-001.xht e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 ?
html/grid-inline-margins-no-collapse-001.htm a192201faf7ef25b555ae48cc9e549a5454f2bad ?
xhtml1/grid-inline-margins-no-collapse-001.xht a192201faf7ef25b555ae48cc9e549a5454f2bad ?
html/grid-inline-multicol-001.htm a0af357d315758f568692084e5852c41776c61e6 ?
xhtml1/grid-inline-multicol-001.xht a0af357d315758f568692084e5852c41776c61e6 ?
html/grid-inline-order-property-auto-placement-001.htm 83d2559b7bc025c54f0d853a0d9ea3ad5037d5aa ?
xhtml1/grid-inline-order-property-auto-placement-001.xht 83d2559b7bc025c54f0d853a0d9ea3ad5037d5aa ?
html/grid-inline-order-property-auto-placement-002.htm dfb3e563b6b0d8266591e30b769f9b3ff483fd1d ?
xhtml1/grid-inline-order-property-auto-placement-002.xht dfb3e563b6b0d8266591e30b769f9b3ff483fd1d ?
html/grid-inline-order-property-auto-placement-003.htm 18987a0e221330a3c3fe69342894280856e3ed2f ?
xhtml1/grid-inline-order-property-auto-placement-003.xht 18987a0e221330a3c3fe69342894280856e3ed2f ?
html/grid-inline-order-property-auto-placement-004.htm f0eaa013b30d58e44c3c1800853ba0b914b7300e ?
xhtml1/grid-inline-order-property-auto-placement-004.xht f0eaa013b30d58e44c3c1800853ba0b914b7300e ?
html/grid-inline-order-property-auto-placement-005.htm 35fa49cd91e91421a7df66b7688867b8e2acd5fb ?
xhtml1/grid-inline-order-property-auto-placement-005.xht 35fa49cd91e91421a7df66b7688867b8e2acd5fb ?
html/grid-inline-order-property-painting-001.htm ba556558959f09152871c62d505908b09721b2ca ?
xhtml1/grid-inline-order-property-painting-001.xht ba556558959f09152871c62d505908b09721b2ca ?
html/grid-inline-order-property-painting-002.htm 8bdb758f8c99b0b8a8bfaea6ae66f23b0f8a46ea ?
xhtml1/grid-inline-order-property-painting-002.xht 8bdb758f8c99b0b8a8bfaea6ae66f23b0f8a46ea ?
html/grid-inline-order-property-painting-003.htm 5d4fa3f85734ea93b5a9a27b90afa49ae38d3950 ?
xhtml1/grid-inline-order-property-painting-003.xht 5d4fa3f85734ea93b5a9a27b90afa49ae38d3950 ?
html/grid-inline-order-property-painting-004.htm 55139dfbcad397b07625d040e2d71ea369d777d1 ?
xhtml1/grid-inline-order-property-painting-004.xht 55139dfbcad397b07625d040e2d71ea369d777d1 ?
html/grid-inline-order-property-painting-005.htm 3e5012b50cb2e94824d593d6518d42e34d722fe0 ?
xhtml1/grid-inline-order-property-painting-005.xht 3e5012b50cb2e94824d593d6518d42e34d722fe0 ?
html/grid-inline-multicol-001.htm 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f ?
xhtml1/grid-inline-multicol-001.xht 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f ?
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 ?
xhtml1/grid-inline-order-property-auto-placement-002.xht 4edacd9b53d661e31bf2106e16952e5f1d5a4ae3 ?
html/grid-inline-order-property-auto-placement-003.htm c477590482de8b6d0a47f65f0ee444e535dfe808 ?
xhtml1/grid-inline-order-property-auto-placement-003.xht c477590482de8b6d0a47f65f0ee444e535dfe808 ?
html/grid-inline-order-property-auto-placement-004.htm e4829929a72456f496b3cb51cfef0f7a513ca928 ?
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-support-flexible-lengths-001.htm 7a5d069f5a18a6a92f6546216824343a340f796f ?
xhtml1/grid-inline-support-flexible-lengths-001.xht 7a5d069f5a18a6a92f6546216824343a340f796f ?
html/grid-inline-support-grid-template-areas-001.htm 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 ?
@ -167,28 +167,28 @@ html/grid-minimun-size-grid-items-008.htm cc4f477db54018c7db8553726e9617dfe32a75
xhtml1/grid-minimun-size-grid-items-008.xht cc4f477db54018c7db8553726e9617dfe32a755f ?
html/grid-minimun-size-grid-items-009.htm e4da8e15125cbf0af8a68c689bf7767c58926b57 ?
xhtml1/grid-minimun-size-grid-items-009.xht e4da8e15125cbf0af8a68c689bf7767c58926b57 ?
html/grid-multicol-001.htm b47a53c716718e3a62f445c44c7155fa761e8af6 ?
xhtml1/grid-multicol-001.xht b47a53c716718e3a62f445c44c7155fa761e8af6 ?
html/grid-order-property-auto-placement-001.htm a059a19e515c9f52bc6cf69ec1965aead5da2e18 ?
xhtml1/grid-order-property-auto-placement-001.xht a059a19e515c9f52bc6cf69ec1965aead5da2e18 ?
html/grid-order-property-auto-placement-002.htm 190b31fa2c5b32b205c4e8fe06b3f685b378bdc4 ?
xhtml1/grid-order-property-auto-placement-002.xht 190b31fa2c5b32b205c4e8fe06b3f685b378bdc4 ?
html/grid-order-property-auto-placement-003.htm 880b3118757979e0a215ef55bb8181631280add6 ?
xhtml1/grid-order-property-auto-placement-003.xht 880b3118757979e0a215ef55bb8181631280add6 ?
html/grid-order-property-auto-placement-004.htm ff1ee732fb60eb84e5d688e6161fd39803668baa ?
xhtml1/grid-order-property-auto-placement-004.xht ff1ee732fb60eb84e5d688e6161fd39803668baa ?
html/grid-order-property-auto-placement-005.htm 4af8c7320ba3af8b2f9d37615551a1d2db58261b ?
xhtml1/grid-order-property-auto-placement-005.xht 4af8c7320ba3af8b2f9d37615551a1d2db58261b ?
html/grid-order-property-painting-001.htm 3ca7c58db5b805600869a703da873c949c4ce43d ?
xhtml1/grid-order-property-painting-001.xht 3ca7c58db5b805600869a703da873c949c4ce43d ?
html/grid-order-property-painting-002.htm 44ad0f96925260437a7ce617f22fb8f7c372e2ac ?
xhtml1/grid-order-property-painting-002.xht 44ad0f96925260437a7ce617f22fb8f7c372e2ac ?
html/grid-order-property-painting-003.htm ab3cf4d3ebd3796285d6bd590d54d015f76ac7fa ?
xhtml1/grid-order-property-painting-003.xht ab3cf4d3ebd3796285d6bd590d54d015f76ac7fa ?
html/grid-order-property-painting-004.htm 6ccce0343d6c8f7e28feba1587ce3b1ac0a10229 ?
xhtml1/grid-order-property-painting-004.xht 6ccce0343d6c8f7e28feba1587ce3b1ac0a10229 ?
html/grid-order-property-painting-005.htm d2eb735b022312e250eac170615d8c923f098d8c ?
xhtml1/grid-order-property-painting-005.xht d2eb735b022312e250eac170615d8c923f098d8c ?
html/grid-multicol-001.htm 521dbe45e2022be1140904fe6d2513370d6bfef3 ?
xhtml1/grid-multicol-001.xht 521dbe45e2022be1140904fe6d2513370d6bfef3 ?
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 ?
xhtml1/grid-order-property-auto-placement-002.xht d33459a775e8e493e29fe5cd454d1e20eb057f20 ?
html/grid-order-property-auto-placement-003.htm df0c2f2f87996d49e5e9310ee18daefe64011519 ?
xhtml1/grid-order-property-auto-placement-003.xht df0c2f2f87996d49e5e9310ee18daefe64011519 ?
html/grid-order-property-auto-placement-004.htm 42cf26e259742411b423b6a40ef7984f3505f701 ?
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-support-display-001.htm 18055d2ae743945500cc0444a2658411a0791120 ?
xhtml1/grid-support-display-001.xht 18055d2ae743945500cc0444a2658411a0791120 ?
html/grid-support-flexible-lengths-001.htm e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 ?

View file

@ -27,17 +27,17 @@ grid-inline-items-002 reference/ref-filled-green-100px-square Children of grid i
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-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 a0af357d315758f568692084e5852c41776c61e6 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 83d2559b7bc025c54f0d853a0d9ea3ad5037d5aa `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property dfb3e563b6b0d8266591e30b769f9b3ff483fd1d `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 18987a0e221330a3c3fe69342894280856e3ed2f `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property f0eaa013b30d58e44c3c1800853ba0b914b7300e `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 35fa49cd91e91421a7df66b7688867b8e2acd5fb `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property ba556558959f09152871c62d505908b09721b2ca `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 8bdb758f8c99b0b8a8bfaea6ae66f23b0f8a46ea `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 5d4fa3f85734ea93b5a9a27b90afa49ae38d3950 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 55139dfbcad397b07625d040e2d71ea369d777d1 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 3e5012b50cb2e94824d593d6518d42e34d722fe0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
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-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-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 7a5d069f5a18a6a92f6546216824343a340f796f `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 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 `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.
@ -81,17 +81,17 @@ grid-minimun-size-grid-items-006 reference/ref-filled-green-100px-square Minimun
grid-minimun-size-grid-items-007 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto c2d40f75e22894e6651e1aa6e3a74f301e7d8fb0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-008 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto cc4f477db54018c7db8553726e9617dfe32a755f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-009 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto e4da8e15125cbf0af8a68c689bf7767c58926b57 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun 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 b47a53c716718e3a62f445c44c7155fa761e8af6 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property a059a19e515c9f52bc6cf69ec1965aead5da2e18 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 190b31fa2c5b32b205c4e8fe06b3f685b378bdc4 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 880b3118757979e0a215ef55bb8181631280add6 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property ff1ee732fb60eb84e5d688e6161fd39803668baa `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 4af8c7320ba3af8b2f9d37615551a1d2db58261b `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 3ca7c58db5b805600869a703da873c949c4ce43d `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 44ad0f96925260437a7ce617f22fb8f7c372e2ac `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property ab3cf4d3ebd3796285d6bd590d54d015f76ac7fa `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property 6ccce0343d6c8f7e28feba1587ce3b1ac0a10229 `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,http://dev.w3.org/csswg/css-flexbox-1/#order-property d2eb735b022312e250eac170615d8c923f098d8c `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
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-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-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 e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 `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-template-areas-001 Support for 'grid-template-ares' property ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property dc6323f059179c2e6bdbcf23148b94695ffea11e `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.

View file

@ -45,18 +45,27 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s1.3.#example-c1aac7f6">
<!-- 0 tests -->
</tbody>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s1.4.#example-07f44438">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Alignment - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Absolute Positioning - 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>Alignment (0 tests)</h2>
<h2>Absolute Positioning (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,49 +30,25 @@
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#alignment">10 Alignment</a></th></tr>
<a href="http://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/#auto-margins">10.1 Aligning with auto margins</a></th></tr>
<a href="http://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.#issue-1383de0a">
<tbody id="s10.1.#augmented-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s10.1.#example-5e661594">
<!-- 0 tests -->
</tbody>
<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/#row-align">10.2 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.2.#issue-3a8dda12">
<!-- 0 tests -->
</tbody>
<tbody id="s10.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#column-align">10.3 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-align">10.4 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">10.5 Grid Baselines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.5.#baseline-participation">
<!-- 0 tests -->
</tbody>
<tbody id="s10.5.#order_modified-grid-order">
<a href="http://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Grid Sizing - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Alignment and Spacing - 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>Grid Sizing (1 tests)</h2>
<h2>Alignment and Spacing (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,123 +30,85 @@
<tbody id="s11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">11 Grid Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.#fixed-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#flexible-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#grid-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#intrinsic-sizing-function">
<a href="http://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/#algo-overview">11.1 Grid Sizing Algorithm</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the column-gap, row-gap, and grid-gap properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#gutter">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#issue-bbfb3743">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-column-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-grid-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-row-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#valdef-row-gap-normal">
<!-- 0 tests -->
</tbody>
<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/#algo-terms">11.2 Track Sizing Terminology</a></th></tr>
<a href="http://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.#free-space">
<!-- 1 tests -->
<tr id="grid-layout-free-space-unit-11.2.#free-space" class="primary">
<td><strong>
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></strong></td>
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
<td></td>
<td>free space unit
<ul class="assert">
<li>the layout should behave the same as reference.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s11.2.#max-track-sizing-function">
<tbody id="s11.2.#example-09da26fa">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.#min-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.#span-count">
<tbody id="s11.2.#issue-1383de0a">
<!-- 0 tests -->
</tbody>
<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/#algo-track-sizing">11.3 Track Sizing Algorithm</a></th></tr>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#base-size">
<tbody id="s11.3.#example-50fa0987">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#growth-limit">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#track-sizing-algorithm">
<tbody id="s11.3.#issue-3a8dda12">
<!-- 0 tests -->
</tbody>
<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/#algo-init">11.4 Initialize Track Sizes</a></th></tr>
<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>
<!-- 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/#algo-content">11.5 Resolve Intrinsic Track Sizes</a></th></tr>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#distribute-extra-space">
<tbody id="s11.5.#example-2b9c8e4b">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#infinitely-growable">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#issue-b256823c">
<tbody id="s11.5.#issue-db68a1c3">
<!-- 0 tests -->
</tbody>
<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/#algo-grow-tracks">11.6 Maximize Tracks</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.7">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-flex-tracks">11.7 Stretch Flexible Tracks</a></th></tr>
<tbody id="s11.6.#baseline-participation">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.7.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-find-fr-size">11.7.1 Find the Size of an fr</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#flex-factor-sum">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#hypothetical-fr-size">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#leftover-space">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#space-to-fill">
<tbody id="s11.6.#order_modified-grid-order">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fragmenting Grid Layout - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Grid Sizing - 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>Fragmenting Grid Layout (1 tests)</h2>
<h2>Grid Sizing (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,153 +30,126 @@
<tbody id="s12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#pagination">12 Fragmenting Grid Layout</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.#fixed-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#flexible-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#grid-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#intrinsic-sizing-function">
<!-- 0 tests -->
</tbody>
<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/#fragmentation-alg">12.1 Sample Fragmentation Algorithm</a></th></tr>
<a href="http://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-69d6a1c1">
<tbody id="s12.1.#issue-4f54519f">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s.#acks">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-align-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-overflow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-pseudo-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-syntax-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-writing-modes-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-align">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3val">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-mediaqueries-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#property-index">
<tbody id="s12.2.#free-space">
<!-- 1 tests -->
<tr id="grid-layout-properties-.#property-index" class="primary ahem dom script">
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="primary">
<td><strong>
<a href="grid-layout-properties.xht">grid-layout-properties</a></strong></td>
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></strong></td>
<td><a href="reference/grid-layout-basic-ref.xht">=</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
<td>free space unit
<ul class="assert">
<li>Test checks that css properties of grid layout exist.</li>
<li>the layout should behave the same as reference.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s.#references">
<tbody id="s12.2.#max-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<tbody id="s12.2.#min-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<tbody id="s12.2.#span-count">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<tbody id="s12.3.#base-size">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<tbody id="s12.3.#growth-limit">
<!-- 0 tests -->
</tbody>
<tbody id="s12.3.#track-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#distribute-extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#infinitely-growable">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#issue-b256823c">
<!-- 0 tests -->
</tbody>
<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>
<!-- 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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#flex-factor-sum">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#hypothetical-fr-size">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#leftover-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#space-to-fill">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -0,0 +1,200 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fragmenting Grid Layout - CSS Grid Layout Module Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>Fragmenting Grid Layout (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s13.1.#issue-69d6a1c1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acks">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-align-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-cascade-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-overflow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-pseudo-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-syntax-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-writing-modes-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-align">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-display">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3col">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3val">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-mediaqueries-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#example-f839f6c8">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</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>
<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
<ul class="assert">
<li>Test checks that css properties of grid layout exist.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -57,6 +57,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#grid-cell">
<!-- 0 tests -->
</tbody>
@ -69,6 +72,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#grid-line">
<!-- 0 tests -->
</tbody>
@ -78,9 +84,15 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#grid-area">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#issue-2cf2761e">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>Grid Items (52 tests)</h2>
<h2>Grid Items (61 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -93,9 +93,18 @@
</td>
</tr>
</tbody>
<tbody id="s4.#example-565bbd9a">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#grid-item">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#grid_level">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#issue-1779cb08">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
@ -274,15 +283,9 @@
<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/#static-position">4.3 Static Position of Grid Container Children</a></th></tr>
<!-- 0 tests -->
</tbody>
<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/#z-order">4.4 Z-axis Ordering: the z-index property</a></th></tr>
<a href="http://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.4" class="primary">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -290,7 +293,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -298,7 +301,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -306,7 +309,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -314,7 +317,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -322,7 +325,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -330,7 +333,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -338,7 +341,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -346,7 +349,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -354,7 +357,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -362,7 +365,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -370,7 +373,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -378,7 +381,7 @@
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-items-inline-blocks-001-4.4" class="primary">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -386,7 +389,7 @@
<td>Paint order of grid items is the same as inline blocks
</td>
</tr>
<tr id="grid-layout-z-order-a-4.4" class="primary">
<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>
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
@ -397,7 +400,7 @@
</ul>
</td>
</tr>
<tr id="grid-layout-z-order-b-4.4" class="primary">
<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>
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
@ -408,7 +411,7 @@
</ul>
</td>
</tr>
<tr id="grid-z-axis-ordering-001-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -416,7 +419,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-002-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -424,7 +427,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-003-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -432,7 +435,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-004-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -440,7 +443,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-005-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -448,7 +451,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-001-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -456,7 +459,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-002-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -464,7 +467,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-003-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -472,7 +475,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-004-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -480,7 +483,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-005-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -488,7 +491,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-006-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -497,6 +500,117 @@
</td>
</tr>
</tbody>
<tbody id="s4.3.#example-25600ee6">
<!-- 0 tests -->
</tbody>
<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>
<!-- 9 tests -->
<tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem">
<td><strong>
<a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></strong></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>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-002-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-003-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-004-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-005-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-006-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-007-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-008-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-009-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s4.4.#min-size-opt">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -86,6 +86,15 @@
</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>
@ -119,9 +128,6 @@
<tbody id="s5.1.#valdef-grid-template-columns-flex">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-flex-factor">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-length">
<!-- 0 tests -->
</tbody>
@ -171,6 +177,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.1.1.#example-6123b007">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1.#named-line">
<!-- 0 tests -->
</tbody>
@ -213,10 +222,28 @@
</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.#valdef-repeat-auto">
<tbody id="s5.1.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.2.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#repeat-auto">5.1.2.1 Repeat-to-fill</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#issue-6d21701c">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#issue-a3dd1e18">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#typedef-auto-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#valdef-repeat-auto">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3">
@ -281,6 +308,18 @@
<a href="http://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.#subgrid">
<!-- 0 tests -->
</tbody>
@ -312,6 +351,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.1.5.#example-c7bf51ed">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
@ -340,6 +382,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.2.#example-1e271cff">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#named-cell-token">
<!-- 0 tests -->
</tbody>
@ -385,6 +430,12 @@
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-7bb340db">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-cff2ea6e">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#grid-template-ascii">
<!-- 0 tests -->
</tbody>

View file

@ -36,13 +36,19 @@
<tbody id="s6.#implicit-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#implicit-grid-lines">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#implicit-grid-track">
<!-- 0 tests -->
</tbody>
<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 -->
</tbody>
<tbody id="s6.1.#implicit-grid-track">
<tbody id="s6.1.#example-f6b2073d">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#propdef-grid-auto-columns">
@ -60,6 +66,9 @@
<tbody id="s6.2.#auto_placement">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#example-151588ef">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#propdef-grid-auto-flow">
<!-- 0 tests -->
</tbody>

View file

@ -33,6 +33,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#propdef-grid">
<!-- 0 tests -->
</tbody>

View file

@ -33,6 +33,12 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s8.#example-d8113d55">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -83,12 +83,24 @@
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-named-areas">9.1.1 Named Areas</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#example-7c4df580">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#example-df960baa">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-numeric">9.1.2 Numeric Indexes and Spans</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#example-27d41da0">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#example-3c89c9a4">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3">+</a>
@ -117,24 +129,42 @@
</td>
</tr>
</tbody>
<tbody id="s9.1.3.#example-01a712a1">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3.#example-f18ff78e">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-placement">9.1.4 Auto Placement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4.#example-63dbf459">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4.#example-dd1fe353">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.5.#example-d12eb89f">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#line-placement">9.2 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.2.#example-198bb78c">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.#grid-placement-auto">
<!-- 0 tests -->
</tbody>
@ -197,25 +227,22 @@
<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/#abspos-items">9.4 Absolutely-positioned Grid Items</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.4 Grid Item Placement Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.5 Grid Item Placement Algorithm</a></th></tr>
<tbody id="s9.4.#auto_placement-cursor">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#auto_placement-cursor">
<tbody id="s9.4.#example-f1587aa2">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#grid-item-placement-algorithm">
<tbody id="s9.4.#grid-item-placement-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#occupied">
<tbody id="s9.4.#occupied">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#unoccupied">
<tbody id="s9.4.#unoccupied">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -24,8 +24,6 @@
.inline-grid {
display: inline-grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
]]></style>

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -24,8 +24,6 @@
.grid {
display: grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
]]></style>

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -4,7 +4,7 @@
<title>CSS Grid Layout Test: 'order' property affects grid items painting order</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -37,7 +37,7 @@
<tbody id="s4">
<tr><th><a href="chapter-4.xht">Chapter 4 -
Grid Items</a></th>
<td>(52 Tests)</td></tr>
<td>(61 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.xht">Chapter 5 -
@ -66,16 +66,21 @@
</tbody>
<tbody id="s10">
<tr><th><a href="chapter-10.xht">Chapter 10 -
Alignment</a></th>
Absolute Positioning</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s11">
<tr><th><a href="chapter-11.xht">Chapter 11 -
Grid Sizing</a></th>
<td>(1 Tests)</td></tr>
Alignment and Spacing</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s12">
<tr><th><a href="chapter-12.xht">Chapter 12 -
Grid Sizing</a></th>
<td>(1 Tests)</td></tr>
</tbody>
<tbody id="s13">
<tr><th><a href="chapter-13.xht">Chapter 13 -
Fragmenting Grid Layout</a></th>
<td>(1 Tests)</td></tr>
</tbody>

View file

@ -45,18 +45,27 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s1.3.#example-c1aac7f6">
<!-- 0 tests -->
</tbody>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s1.4.#example-07f44438">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Alignment - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Absolute Positioning - 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>Alignment (0 tests)</h2>
<h2>Absolute Positioning (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,49 +30,25 @@
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#alignment">10 Alignment</a></th></tr>
<a href="http://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/#auto-margins">10.1 Aligning with auto margins</a></th></tr>
<a href="http://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.#issue-1383de0a">
<tbody id="s10.1.#augmented-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s10.1.#example-5e661594">
<!-- 0 tests -->
</tbody>
<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/#row-align">10.2 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.2.#issue-3a8dda12">
<!-- 0 tests -->
</tbody>
<tbody id="s10.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#column-align">10.3 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-align">10.4 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">10.5 Grid Baselines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.5.#baseline-participation">
<!-- 0 tests -->
</tbody>
<tbody id="s10.5.#order_modified-grid-order">
<a href="http://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Grid Sizing - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Alignment and Spacing - 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>Grid Sizing (1 tests)</h2>
<h2>Alignment and Spacing (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,123 +30,85 @@
<tbody id="s11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">11 Grid Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.#fixed-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#flexible-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#grid-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s11.#intrinsic-sizing-function">
<a href="http://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/#algo-overview">11.1 Grid Sizing Algorithm</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the column-gap, row-gap, and grid-gap properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#gutter">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#issue-bbfb3743">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-column-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-grid-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#propdef-row-gap">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#valdef-row-gap-normal">
<!-- 0 tests -->
</tbody>
<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/#algo-terms">11.2 Track Sizing Terminology</a></th></tr>
<a href="http://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.#free-space">
<!-- 1 tests -->
<tr id="grid-layout-free-space-unit-11.2.#free-space" class="primary">
<td><strong>
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></strong></td>
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
<td></td>
<td>free space unit
<ul class="assert">
<li>the layout should behave the same as reference.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s11.2.#max-track-sizing-function">
<tbody id="s11.2.#example-09da26fa">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.#min-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.#span-count">
<tbody id="s11.2.#issue-1383de0a">
<!-- 0 tests -->
</tbody>
<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/#algo-track-sizing">11.3 Track Sizing Algorithm</a></th></tr>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#base-size">
<tbody id="s11.3.#example-50fa0987">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#growth-limit">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#track-sizing-algorithm">
<tbody id="s11.3.#issue-3a8dda12">
<!-- 0 tests -->
</tbody>
<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/#algo-init">11.4 Initialize Track Sizes</a></th></tr>
<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>
<!-- 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/#algo-content">11.5 Resolve Intrinsic Track Sizes</a></th></tr>
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#distribute-extra-space">
<tbody id="s11.5.#example-2b9c8e4b">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#infinitely-growable">
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#issue-b256823c">
<tbody id="s11.5.#issue-db68a1c3">
<!-- 0 tests -->
</tbody>
<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/#algo-grow-tracks">11.6 Maximize Tracks</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.7">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-flex-tracks">11.7 Stretch Flexible Tracks</a></th></tr>
<tbody id="s11.6.#baseline-participation">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.7.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-find-fr-size">11.7.1 Find the Size of an fr</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#flex-factor-sum">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#hypothetical-fr-size">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#leftover-space">
<!-- 0 tests -->
</tbody>
<tbody id="s11.7.1.#space-to-fill">
<tbody id="s11.6.#order_modified-grid-order">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fragmenting Grid Layout - CSS Grid Layout Module Level 1 CR Test Suite</title>
<title>Grid Sizing - 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>Fragmenting Grid Layout (1 tests)</h2>
<h2>Grid Sizing (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,153 +30,126 @@
<tbody id="s12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#pagination">12 Fragmenting Grid Layout</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.#fixed-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#flexible-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#grid-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#intrinsic-sizing-function">
<!-- 0 tests -->
</tbody>
<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/#fragmentation-alg">12.1 Sample Fragmentation Algorithm</a></th></tr>
<a href="http://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-69d6a1c1">
<tbody id="s12.1.#issue-4f54519f">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s.#acks">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-align-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-overflow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-pseudo-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-syntax-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-writing-modes-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-align">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3val">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-mediaqueries-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#property-index">
<tbody id="s12.2.#free-space">
<!-- 1 tests -->
<tr id="grid-layout-properties-.#property-index" class="primary ahem dom script">
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="primary">
<td><strong>
<a href="grid-layout-properties.xht">grid-layout-properties</a></strong></td>
<a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></strong></td>
<td><a href="reference/grid-layout-basic-ref.xht">=</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
<td>free space unit
<ul class="assert">
<li>Test checks that css properties of grid layout exist.</li>
<li>the layout should behave the same as reference.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s.#references">
<tbody id="s12.2.#max-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<tbody id="s12.2.#min-track-sizing-function">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<tbody id="s12.2.#span-count">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<tbody id="s12.3.#base-size">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<tbody id="s12.3.#growth-limit">
<!-- 0 tests -->
</tbody>
<tbody id="s12.3.#track-sizing-algorithm">
<!-- 0 tests -->
</tbody>
<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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#distribute-extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#extra-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#infinitely-growable">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#issue-b256823c">
<!-- 0 tests -->
</tbody>
<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>
<!-- 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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#flex-factor-sum">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#hypothetical-fr-size">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#leftover-space">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#space-to-fill">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -0,0 +1,200 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fragmenting Grid Layout - CSS Grid Layout Module Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>Fragmenting Grid Layout (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="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>
<!-- 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>
<!-- 0 tests -->
</tbody>
<tbody id="s13.1.#issue-69d6a1c1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acks">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-align-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-cascade-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-overflow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-pseudo-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-syntax-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-writing-modes-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-align">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-display">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3col">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3val">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-mediaqueries-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#example-f839f6c8">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</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>
<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
<ul class="assert">
<li>Test checks that css properties of grid layout exist.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -57,6 +57,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#grid-cell">
<!-- 0 tests -->
</tbody>
@ -69,6 +72,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#grid-line">
<!-- 0 tests -->
</tbody>
@ -78,9 +84,15 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#grid-area">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#issue-2cf2761e">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>Grid Items (52 tests)</h2>
<h2>Grid Items (61 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -93,9 +93,18 @@
</td>
</tr>
</tbody>
<tbody id="s4.#example-565bbd9a">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#grid-item">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#grid_level">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#issue-1779cb08">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
@ -274,15 +283,9 @@
<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/#static-position">4.3 Static Position of Grid Container Children</a></th></tr>
<!-- 0 tests -->
</tbody>
<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/#z-order">4.4 Z-axis Ordering: the z-index property</a></th></tr>
<a href="http://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.4" class="primary">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -290,7 +293,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -298,7 +301,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -306,7 +309,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -314,7 +317,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -322,7 +325,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -330,7 +333,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -338,7 +341,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -346,7 +349,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -354,7 +357,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -362,7 +365,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -370,7 +373,7 @@
<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.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -378,7 +381,7 @@
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-items-inline-blocks-001-4.4" class="primary">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -386,7 +389,7 @@
<td>Paint order of grid items is the same as inline blocks
</td>
</tr>
<tr id="grid-layout-z-order-a-4.4" class="primary">
<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>
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
@ -397,7 +400,7 @@
</ul>
</td>
</tr>
<tr id="grid-layout-z-order-b-4.4" class="primary">
<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>
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
@ -408,7 +411,7 @@
</ul>
</td>
</tr>
<tr id="grid-z-axis-ordering-001-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -416,7 +419,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-002-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -424,7 +427,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-003-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -432,7 +435,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-004-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -440,7 +443,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-005-4.4" class="primary ahem">
<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>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
@ -448,7 +451,7 @@
<td>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-001-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -456,7 +459,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-002-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -464,7 +467,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-003-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -472,7 +475,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-004-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -480,7 +483,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-005-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -488,7 +491,7 @@
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-006-4.4" class="primary ahem">
<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>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
@ -497,6 +500,117 @@
</td>
</tr>
</tbody>
<tbody id="s4.3.#example-25600ee6">
<!-- 0 tests -->
</tbody>
<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>
<!-- 9 tests -->
<tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem">
<td><strong>
<a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></strong></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>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-002-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-003-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-004-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-005-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-006-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-007-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-008-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-009-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s4.4.#min-size-opt">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -86,6 +86,15 @@
</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>
@ -119,9 +128,6 @@
<tbody id="s5.1.#valdef-grid-template-columns-flex">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-flex-factor">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valdef-grid-template-columns-length">
<!-- 0 tests -->
</tbody>
@ -171,6 +177,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.1.1.#example-6123b007">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1.#named-line">
<!-- 0 tests -->
</tbody>
@ -213,10 +222,28 @@
</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.#valdef-repeat-auto">
<tbody id="s5.1.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.2.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#repeat-auto">5.1.2.1 Repeat-to-fill</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#issue-6d21701c">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#issue-a3dd1e18">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#typedef-auto-repeat">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.1.#valdef-repeat-auto">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3">
@ -281,6 +308,18 @@
<a href="http://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.#subgrid">
<!-- 0 tests -->
</tbody>
@ -312,6 +351,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.1.5.#example-c7bf51ed">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
@ -340,6 +382,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.2.#example-1e271cff">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#named-cell-token">
<!-- 0 tests -->
</tbody>
@ -385,6 +430,12 @@
<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>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-7bb340db">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-cff2ea6e">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#grid-template-ascii">
<!-- 0 tests -->
</tbody>

View file

@ -36,13 +36,19 @@
<tbody id="s6.#implicit-grid">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#implicit-grid-lines">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#implicit-grid-track">
<!-- 0 tests -->
</tbody>
<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 -->
</tbody>
<tbody id="s6.1.#implicit-grid-track">
<tbody id="s6.1.#example-f6b2073d">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#propdef-grid-auto-columns">
@ -60,6 +66,9 @@
<tbody id="s6.2.#auto_placement">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#example-151588ef">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#propdef-grid-auto-flow">
<!-- 0 tests -->
</tbody>

View file

@ -33,6 +33,9 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#propdef-grid">
<!-- 0 tests -->
</tbody>

View file

@ -33,6 +33,12 @@
<a href="http://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">
<!-- 0 tests -->
</tbody>
<tbody id="s8.#example-d8113d55">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -83,12 +83,24 @@
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-named-areas">9.1.1 Named Areas</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#example-7c4df580">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#example-df960baa">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-numeric">9.1.2 Numeric Indexes and Spans</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#example-27d41da0">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#example-3c89c9a4">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3">+</a>
@ -117,24 +129,42 @@
</td>
</tr>
</tbody>
<tbody id="s9.1.3.#example-01a712a1">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3.#example-f18ff78e">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-placement">9.1.4 Auto Placement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4.#example-63dbf459">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4.#example-dd1fe353">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.5.#example-d12eb89f">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#line-placement">9.2 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.2.#example-198bb78c">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.#grid-placement-auto">
<!-- 0 tests -->
</tbody>
@ -197,25 +227,22 @@
<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/#abspos-items">9.4 Absolutely-positioned Grid Items</a></th></tr>
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.4 Grid Item Placement Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.5 Grid Item Placement Algorithm</a></th></tr>
<tbody id="s9.4.#auto_placement-cursor">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#auto_placement-cursor">
<tbody id="s9.4.#example-f1587aa2">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#grid-item-placement-algorithm">
<tbody id="s9.4.#grid-item-placement-algorithm">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#occupied">
<tbody id="s9.4.#occupied">
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#unoccupied">
<tbody id="s9.4.#unoccupied">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -33,8 +33,6 @@
.inline-grid {
display: inline-grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
]]></style>

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -33,8 +33,6 @@
.grid {
display: grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
]]></style>

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

View file

@ -13,7 +13,7 @@
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" />
<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" />
<link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[

Some files were not shown because too many files have changed in this diff Show more