mirror of
https://github.com/servo/servo.git
synced 2025-08-07 14:35:33 +01:00
Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger
parent
fb4f421c8b
commit
296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Introduction and Overview - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Introduction - 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>Introduction and Overview (0 tests)</h2>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,40 +30,7 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2.#example-8bec48fd">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3.#example-c1aac7f6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4.#example-07f44438">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -42,7 +42,79 @@
|
|||
<tbody id="s10.1.#augmented-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#example-5e661594">
|
||||
<tbody id="s10.1.#example-e7e12220">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-area-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-71">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-72">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-73">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-74">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-75">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-76">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-77">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-78">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-line-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-span-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-implicit-grid-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-implicit-grid-lines-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2">
|
||||
|
|
@ -51,6 +123,27 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-area-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-area-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-79">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-80">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-81">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-82">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-item-99">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -33,12 +33,48 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-column-axis-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-area-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-area-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-container-83">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-100">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-101">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-102">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-103">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-104">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-track-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-row-axis-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#collapsed-gutter">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#gutter">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -51,16 +87,106 @@
|
|||
<tbody id="s11.1.#propdef-grid-row-gap">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-augmented-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-container-84">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-container-85">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-line-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-line-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-row-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-track-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#example-09da26fa">
|
||||
<tbody id="s11.2.#ref-for-grid-item-105">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#issue-1383de0a">
|
||||
<tbody id="s11.2.#ref-for-grid-track-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3">
|
||||
|
|
@ -69,10 +195,19 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#example-50fa0987">
|
||||
<tbody id="s11.3.#example-3bd85f6e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#issue-3a8dda12">
|
||||
<tbody id="s11.3.#ref-for-grid-container-86">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-106">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-107">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-108">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4">
|
||||
|
|
@ -81,28 +216,97 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-container-87">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-item-109">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-item-110">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-157a3991">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-2b9c8e4b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#issue-99617a9c">
|
||||
<tbody id="s11.5.#ref-for-explicit-grid-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-88">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-89">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-90">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-91">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-line-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-track-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-track-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-implicit-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-propdef-grid-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Container Baselines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#baseline-participation">
|
||||
<tbody id="s11.6.#grid-order">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#order-modified-grid-order">
|
||||
<tbody id="s11.6.#ref-for-grid-cell-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-container-92">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-container-93">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-111">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-112">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-113">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-114">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-115">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-order-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -45,13 +45,121 @@
|
|||
<tbody id="s12.#intrinsic-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-sizing-algorithm-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-track-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-max-track-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-min-track-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-typedef-flex-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-auto-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-fit-content-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-max-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-min-content-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#issue-4f54519f">
|
||||
<tbody id="s12.1.#issue-549cf26d">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-area-35">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-area-36">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-column-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-column-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-container-94">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-container-95">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-116">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-117">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-118">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-row-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-max-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-max-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-track-sizing-algorithm-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-track-sizing-algorithm-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-typedef-flex-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2">
|
||||
|
|
@ -60,6 +168,9 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#available-grid-space">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#free-space">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="">
|
||||
|
|
@ -80,6 +191,75 @@
|
|||
<tbody id="s12.2.#min-track-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-base-size-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-free-space-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-97">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-98">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-item-119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-track-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-typedef-flex-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#span-count">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -95,6 +275,15 @@
|
|||
<tbody id="s12.3.#growth-limit">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-base-size-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-max-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-min-track-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#track-sizing-algorithm">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -104,6 +293,69 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-fixed-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-fixed-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-flexible-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-flexible-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-gutter-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-intrinsic-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-intrinsic-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-max-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-min-track-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-track-sizing-algorithm-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-valdef-grid-template-columns-auto-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.5">+</a>
|
||||
|
|
@ -119,7 +371,271 @@
|
|||
<tbody id="s12.5.#infinitely-growable">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#issue-b256823c">
|
||||
<tbody id="s12.5.#min-size-contributions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-fixed-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-flexible-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-100">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-101">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-99">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-infinitely-growable-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-infinitely-growable-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-intrinsic-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-intrinsic-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-size-contributions-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-size-contributions-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6">
|
||||
|
|
@ -128,12 +644,111 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-available-grid-space-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-102">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-103">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-104">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-growth-limit-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-available-grid-space-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-available-grid-space-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-105">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-106">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-107">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-item-120">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-track-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-space-to-fill-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-space-to-fill-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7.1">+</a>
|
||||
|
|
@ -149,6 +764,36 @@
|
|||
<tbody id="s12.7.1.#leftover-space">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-base-size-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-flex-factor-sum-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-track-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-track-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-hypothetical-fr-size-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-hypothetical-fr-size-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-leftover-space-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-space-to-fill-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#space-to-fill">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>Fragmenting Grid Layout (1 tests)</h2>
|
||||
<h2>Fragmenting Grid Layout (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -33,60 +33,31 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-container-108">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-item-121">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-item-122">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1.#issue-69d6a1c1">
|
||||
<tbody id="s13.1.#ref-for-grid-area-37">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<tbody id="s13.1.#ref-for-propdef-grid-row-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#acks">
|
||||
<tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#changes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#issues-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.htm">grid-layout-properties</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Grid Layout - Properties exist
|
||||
<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.#title">
|
||||
<tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Translated Layout Algorithm - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Privacy and Security Considerations - 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>Translated Layout Algorithm (0 tests)</h2>
|
||||
<h2>Privacy and Security Considerations (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -27,43 +27,105 @@
|
|||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="sA">
|
||||
<tbody id="s14">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<a href="#s14">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#priv-sec">14 Privacy and Security Considerations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growable-tracks">
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growth-delta">
|
||||
<tbody id="s.#acks">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#hypothetical-size">
|
||||
<tbody id="s.#changes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#needed-space">
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#overgrowable-tracks">
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conformance-classes">
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conventions">
|
||||
<tbody id="s.#issues-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#experimental">
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.htm">grid-layout-properties</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Grid Layout - Properties exist
|
||||
<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="sconformance.#partial">
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#testing">
|
||||
<tbody id="s.#subtitle">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconventions.#example-f839f6c8">
|
||||
<tbody id="s.#title">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-collapsed-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-fixed-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-funcdef-repeat-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-propdef-grid-template-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-typedef-auto-track-list-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-valdef-grid-template-columns-auto-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-valdef-grid-template-columns-fit-content-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-future-proofing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-partial">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-testing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conform-classes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conform-responsible">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#cr-exit-criteria">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#document-conventions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="scontents.#issue-9f88c8eb">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sdocument-conventions.#example-a13d9f9a">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sindex.#index-defined-elsewhere">
|
||||
|
|
@ -72,51 +134,39 @@
|
|||
<tbody id="sindex.#index-defined-here">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css3-flexbox">
|
||||
<tbody id="sinformative.#biblio-css-multicol-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-html5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sissues-index.#back-to-top">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-align-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-break-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-cascade-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-display-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-flexbox-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-multicol-1">
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<tbody id="snormative.#biblio-css-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-pseudo-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-sizing-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-syntax-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-writing-modes-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css3-align">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css3-break">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -147,6 +197,9 @@
|
|||
<tbody id="sreferences.#normative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#toc">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#w3c_process_revision">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Grid Layout Concepts and Terminology - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Overview - 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 Layout Concepts and Terminology (0 tests)</h2>
|
||||
<h2>Overview (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,67 +30,181 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview">2 Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#column-axis">
|
||||
<tbody id="s2.#ref-for-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid">
|
||||
<tbody id="s2.#ref-for-grid-container-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-column">
|
||||
<tbody id="s2.#ref-for-grid-container-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-layout">
|
||||
<tbody id="s2.#ref-for-gutter-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#row-axis">
|
||||
<tbody id="s2.#ref-for-subgrid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-grid">2.1 Declaring the Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#example-35388f26">
|
||||
<tbody id="s2.1.#example-debfabcf">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#grid-cell">
|
||||
<tbody id="s2.1.#ref-for-explicit-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#grid-track">
|
||||
<tbody id="s2.1.#ref-for-explicit-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-column-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-row-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-track-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-propdef-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-valdef-grid-template-columns-auto-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-placement">2.2 Placing Items</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#example-07ee9d6e">
|
||||
<tbody id="s2.2.#example-a82ba906">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#grid-line">
|
||||
<tbody id="s2.2.#ref-for-auto-placement-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-container-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-item-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-placement-property-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-end-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-start-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-end-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-start-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-sizing">2.3 Sizing the Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#example-05759431">
|
||||
<tbody id="s2.3.#example-6afa444a">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#grid-area">
|
||||
<tbody id="s2.3.#ref-for-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#issue-2cf2761e">
|
||||
<tbody id="s2.3.#ref-for-grid-container-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-container-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-container-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-item-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-item-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-track-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">2.4 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.#ref-for-grid-area-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">2.4.1 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#example-0597d0ab">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-container-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">2.4.2 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#example-3828fb4f">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#ref-for-grid-item-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#ref-for-grid-item-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Grid Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Layout Concepts and Terminology - 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 Containers (28 tests)</h2>
|
||||
<h2>Grid Layout Concepts and Terminology (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,321 +30,214 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">3 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#column-axis">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-column">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-layout">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-area-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-item-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#row-axis">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-grid.htm">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: grid
|
||||
<ul class="assert">
|
||||
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="display-inline-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-inline-grid.htm">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
<ul class="assert">
|
||||
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-computed-value-display-floated-items-001.htm">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.htm">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-display-inline-grid-001.htm">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'inline-grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-001.htm">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-002.htm">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-003.htm">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-float-001.htm">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-floats-no-intrude-001.htm">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.htm">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.htm">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.htm">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.htm">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.htm">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.htm">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.htm">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.htm">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.1.#grid-container">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">3.1 Grid Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#grid-formatting-context">
|
||||
<tbody id="s3.1.#example-6e7cd811">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#valdef-display-grid">
|
||||
<tbody id="s3.1.#grid-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#valdef-display-inline-grid">
|
||||
<tbody id="s3.1.#ref-for-grid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-item-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-item-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">3.2 Grid Tracks and Cells</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#issue-839d056f">
|
||||
<tbody id="s3.2.#example-c9203348">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#grid-cell">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#grid-track">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-column-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-item-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-line-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-line-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-row-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-track-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-track-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">3.3 Grid Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#example-510e72f7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#grid-area">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-cell-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-container-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-track-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-intrinsic-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-propdef-grid-template-areas-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Grid Items - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Reordering and Accessibility - 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 Items (65 tests)</h2>
|
||||
<h2>Reordering and Accessibility (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,629 +30,31 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.htm">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.htm">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.htm">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-001-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.htm">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.htm">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.htm">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.htm">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.htm">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.htm">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.htm">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.#example-565bbd9a">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-accessibility">4 Reordering and Accessibility</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#grid-item">
|
||||
<tbody id="s4.#example-14efa1ec">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#grid-level">
|
||||
<tbody id="s4.#example-a3f89410">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#issue-1779cb08">
|
||||
<tbody id="s4.#ref-for-grid-placement-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<tbody id="s4.#ref-for-grid-placement-property-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1.#issue-8f83c1bc">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.htm">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.htm">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.htm">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.htm">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.htm">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.htm">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.htm">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.htm">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.htm">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.htm">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.htm">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.htm">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.htm">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.htm">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.htm">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.htm">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.htm">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.htm">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.htm">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.htm">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.htm">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.htm">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.htm">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.htm">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.htm">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.htm">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.htm">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.htm">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.htm">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.htm">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.htm">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.htm">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.htm">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.htm">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.htm">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.htm">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.htm">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.htm">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.htm">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.htm">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.htm">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.htm">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.htm">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.htm">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.htm">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.htm">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.3.#example-25600ee6">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-007-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-008-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-009-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody id="s4.#ref-for-grid-placement-property-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4.#min-size-opt">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>The Explicit Grid - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Explicit Grid (17 tests)</h2>
|
||||
<h2>Grid Containers (28 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,440 +30,447 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#explicit-grid">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">5 Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">5.1 Establishing Grid Containers: the grid, inline-grid, and subgrid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-columns-rows-001.htm">grid-inline-support-grid-template-columns-rows-001</a></td>
|
||||
<a href="display-grid.htm">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>CSS Grid Layout: display: grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.</li>
|
||||
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-auto-tracks-5.1" class="">
|
||||
<tr id="display-inline-grid-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-auto-tracks.htm">grid-layout-auto-tracks</a></td>
|
||||
<td><a href="reference/grid-layout-auto-tracks-ref.htm">=</a> </td>
|
||||
<a href="display-inline-grid.htm">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>auto tracks
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-basic-5.1" class="">
|
||||
<tr id="grid-computed-value-display-floated-items-001-5.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-layout-basic.htm">grid-layout-basic</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
|
||||
<a href="grid-computed-value-display-floated-items-001.htm">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td>basic
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.htm">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<tr id="grid-display-inline-grid-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-columns-rows-001.htm">grid-support-grid-template-columns-rows-001</a></td>
|
||||
<a href="grid-display-inline-grid-001.htm">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'inline-grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.</li>
|
||||
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.#example-b22f59e2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#example-cbfcc6c1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#flex-factor">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#propdef-grid-template-columns">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#propdef-grid-template-rows">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#track-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-auto-track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-fixed-breadth">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-fixed-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-line-name-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-line-names">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-breadth">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-flex">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-length">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-max-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-min-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-minmax">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-percentage">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-rows-none">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-rows-subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<tr id="grid-first-letter-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-named-grid-lines-001.htm">grid-inline-support-named-grid-lines-001</a></td>
|
||||
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<tr id="grid-first-letter-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-named-grid-lines-001.htm">grid-support-named-grid-lines-001</a></td>
|
||||
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.1.#example-6123b007">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.1.#named-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="grid-inline-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<tr id="grid-first-letter-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-repeat-001.htm">grid-inline-support-repeat-001</a></td>
|
||||
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>'::first-letter' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-repeat-notation-5.1.2" class="">
|
||||
<tr id="grid-first-line-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-repeat-notation.htm">grid-layout-repeat-notation</a></td>
|
||||
<td><a href="reference/grid-layout-repeat-notation-ref.htm">=</a> </td>
|
||||
<a href="grid-first-line-001.htm">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>repeat notation
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>the subgrid layout should behave the same as reference.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<tr id="grid-first-line-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-repeat-001.htm">grid-support-repeat-001</a></td>
|
||||
<a href="grid-first-line-002.htm">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#example-bb14e892">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#funcdef-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#issue-6cc61e0b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-auto-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-fixed-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-name-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-track-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#valdef-repeat-auto-fill">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#valdef-repeat-auto-fit">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="fr-unit-5.1.3" class="">
|
||||
<tr id="grid-first-line-003-5.1" class="">
|
||||
<td>
|
||||
<a href="fr-unit.htm">fr-unit</a></td>
|
||||
<td><a href="reference/fr-unit-ref.htm">=</a> </td>
|
||||
<a href="grid-first-line-003.htm">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Length
|
||||
<td>'::first-line' works on grid items
|
||||
<ul class="assert">
|
||||
<li>'fr' unit represents a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="fr-unit-with-percentage-5.1.3" class="">
|
||||
<tr id="grid-float-001-5.1" class="">
|
||||
<td>
|
||||
<a href="fr-unit-with-percentage.htm">fr-unit-with-percentage</a></td>
|
||||
<td><a href="reference/fr-unit-with-percentage-ref.htm">=</a> </td>
|
||||
<a href="grid-float-001.htm">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Lenght
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<tr id="grid-floats-no-intrude-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-flexible-lengths-001.htm">grid-inline-support-flexible-lengths-001</a></td>
|
||||
<a href="grid-floats-no-intrude-001.htm">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<tr id="grid-inline-first-letter-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-flexible-lengths-001.htm">grid-support-flexible-lengths-001</a></td>
|
||||
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#flex-fraction">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#flexible-length">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#typedef-flex">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-51d08e15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-55adf7b5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-6839256e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-b547f836">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#issue-b2c6c5eb">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<tr id="grid-inline-first-letter-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-template-columns-rows-resolved-values-001.htm">grid-inline-template-columns-rows-resolved-values-001</a></td>
|
||||
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<tr id="grid-inline-first-line-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-template-columns-rows-resolved-values-001.htm">grid-template-columns-rows-resolved-values-001</a></td>
|
||||
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.htm">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.htm">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.htm">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.htm">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.htm">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.htm">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-5.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.htm">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.htm">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.5.#example-c7bf51ed">
|
||||
<tbody id="s5.1.#grid-container">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#grid-formatting-context">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-line-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-subgrid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-subgrid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-inline-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-areas-001.htm">grid-inline-support-grid-template-areas-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-ares' property within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-areas-001.htm">grid-support-grid-template-areas-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-ares' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.2.#example-1e271cff">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">5.2 Sizing Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#named-cell-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#named-grid-area">
|
||||
<tbody id="s5.2.#ref-for-grid-container-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#null-cell-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#propdef-grid-template-areas">
|
||||
<tbody id="s5.2.#ref-for-grid-container-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#trash-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#valdef-grid-template-areas-none">
|
||||
<tbody id="s5.2.#ref-for-grid-container-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#valdef-grid-template-areas-string">
|
||||
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1.#implicit-named-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2.#implicit-named-area">
|
||||
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">5.3 Clamping Overly Large Grids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-7bb340db">
|
||||
<tbody id="s5.3.#clamp-a-grid-area">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-cff2ea6e">
|
||||
<tbody id="s5.3.#example-3562ead8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#grid-template-ascii">
|
||||
<tbody id="s5.3.#ref-for-clamp-a-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#grid-template-rowcol">
|
||||
<tbody id="s5.3.#ref-for-grid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#propdef-grid-template">
|
||||
<tbody id="s5.3.#ref-for-grid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#valdef-grid-template-none">
|
||||
<tbody id="s5.3.#ref-for-grid-area-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#valdef-grid-template-subgrid">
|
||||
<tbody id="s5.3.#ref-for-grid-area-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#ref-for-grid-span-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#ref-for-grid-track-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>The Implicit Grid - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Items - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Implicit Grid (1 tests)</h2>
|
||||
<h2>Grid Items (65 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,63 +30,725 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">6 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.htm">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.htm">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.htm">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-001-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.htm">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.htm">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.htm">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.htm">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.htm">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.htm">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.htm">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.#example-d673f1f1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid">
|
||||
<tbody id="s6.#grid-item">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid-lines">
|
||||
<tbody id="s6.#ref-for-grid-container-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid-track">
|
||||
<tbody id="s6.#ref-for-grid-container-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-container-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-item-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-item-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-support-grid-auto-columns-rows-001-6.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-grid-auto-columns-rows-001.htm">grid-support-grid-auto-columns-rows-001</a></td>
|
||||
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Support for 'grid-auto-columns' and 'grid-auto-rows' properties
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.1.#example-f6b2073d">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-item-display">6.1 Grid Item Display</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#propdef-grid-auto-columns">
|
||||
<tbody id="s6.1.#grid-level">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#propdef-grid-auto-rows">
|
||||
<tbody id="s6.1.#ref-for-grid-container-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-formatting-context-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-item-sizing">6.2 Grid Item Sizing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#auto-placement">
|
||||
<tbody id="s6.2.#ref-for-grid-area-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#example-151588ef">
|
||||
<tbody id="s6.2.#ref-for-grid-item-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#propdef-grid-auto-flow">
|
||||
<tbody id="s6.2.#ref-for-grid-item-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-column">
|
||||
<tbody id="s6.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">6.3 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.htm">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.htm">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.htm">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.htm">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.htm">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.htm">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.htm">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.htm">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.htm">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.htm">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.htm">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.htm">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.htm">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.htm">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.htm">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.htm">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.htm">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.htm">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.htm">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.htm">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.3.#ref-for-grid-item-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-dense">
|
||||
<tbody id="s6.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#item-margins">6.4 Grid Item Margins and Paddings</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-row">
|
||||
<tbody id="s6.4.#ref-for-grid-area-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-35">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-36">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">6.5 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.htm">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.htm">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.htm">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.htm">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.htm">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.htm">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.htm">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.htm">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.htm">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.htm">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.htm">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.htm">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.htm">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.htm">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.htm">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.htm">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.htm">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.htm">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.htm">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.htm">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.htm">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.htm">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.htm">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.htm">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.htm">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.htm">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.5.#example-25600ee6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-area-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-item-37">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-item-38">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">6.6 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-6.6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-007-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-008-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-009-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.6.#min-size-opt">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-fixed-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-area-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-39">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-40">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-41">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-track-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-max-track-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -3,7 +3,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Clamping Overlarge Grids - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Subgrids - 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>Clamping Overlarge Grids (0 tests)</h2>
|
||||
<h2>Subgrids (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,13 +30,145 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">8 Subgrids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#clamp-a-grid-area">
|
||||
<tbody id="s8.#example-775b1f21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#example-d8113d55">
|
||||
<tbody id="s8.#example-83158ff0">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#example-d93a7054">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-clamp-a-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-explicit-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-explicit-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-area-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-62">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-63">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-64">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-65">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-66">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-54">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-55">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-56">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-57">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-58">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-59">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-60">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-61">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-62">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-63">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-placement-property-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-span-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-implicit-grid-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-column-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-gap-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-template-columns-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-template-rows-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -36,9 +36,6 @@
|
|||
<tbody id="s9.#automatic-grid-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#automatic-grid-span">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#definite-grid-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -68,6 +65,93 @@
|
|||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-auto-placement-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-cell-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-64">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-65">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-66">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-67">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-68">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-69">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-70">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-71">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-72">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-placement-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-span-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-span-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-track-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-end-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-start-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-end-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-start-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
|
|
@ -77,6 +161,30 @@
|
|||
<tbody id="s9.1.#grid-property-breakdown">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-grid-placement-property-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-area-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-end-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-start-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-end-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-start-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.1">+</a>
|
||||
|
|
@ -89,6 +197,18 @@
|
|||
<tbody id="s9.1.1.#example-df960baa">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-named-grid-area-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-named-grid-area-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-propdef-grid-area-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-propdef-grid-template-areas-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.2">+</a>
|
||||
|
|
@ -132,7 +252,19 @@
|
|||
<tbody id="s9.1.3.#example-01a712a1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#example-f18ff78e">
|
||||
<tbody id="s9.1.3.#example-d95f90ed">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-grid-area-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-grid-area-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4">
|
||||
|
|
@ -147,13 +279,28 @@
|
|||
<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="https://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
|
||||
<tbody id="s9.1.4.#ref-for-grid-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.5.#example-d12eb89f">
|
||||
<tbody id="s9.1.4.#ref-for-grid-cell-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-73">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-valdef-grid-auto-flow-dense-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2">
|
||||
|
|
@ -162,6 +309,12 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#ref-for-grid-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#ref-for-grid-placement-property-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.3">+</a>
|
||||
|
|
@ -171,6 +324,9 @@
|
|||
<tbody id="s9.3.#example-198bb78c">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#example-64f80282">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#grid-placement-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -195,7 +351,163 @@
|
|||
<tbody id="s9.3.#propdef-grid-row-start">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#typedef-grid-line">
|
||||
<tbody id="s9.3.#ref-for-auto-placement-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-container-67">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-container-68">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-74">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-75">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-76">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-77">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-78">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-79">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-80">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-81">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-line-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-span-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-lines-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-lines-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-named-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-end-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-end-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#typedef-grid-row-start-grid-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1">
|
||||
|
|
@ -204,6 +516,21 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-item-82">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-property-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.4">+</a>
|
||||
|
|
@ -230,6 +557,129 @@
|
|||
<tbody id="s9.4.#propdef-grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-container-69">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-container-70">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-item-83">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-item-84">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-area-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.5">+</a>
|
||||
|
|
@ -239,7 +689,7 @@
|
|||
<tbody id="s9.5.#auto-placement-cursor">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#example-f1587aa2">
|
||||
<tbody id="s9.5.#example-faa9d488">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#grid-item-placement-algorithm">
|
||||
|
|
@ -248,6 +698,288 @@
|
|||
<tbody id="s9.5.#occupied">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-cell-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-85">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-86">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-87">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-88">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-89">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-90">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-91">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-92">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-93">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-94">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-95">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-97">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-98">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-placement-algorithm-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-line-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-property-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-row-end-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-row-start-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-template-columns-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-unoccupied-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-unoccupied-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-row-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#unoccupied">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the min-content size.">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the content size.">
|
||||
<style type="text/css">
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -3,9 +3,9 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the min-content size.">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the content size.">
|
||||
<style type="text/css">
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size.">
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size.">
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="flags" content="image">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the min-content size.">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the content size.">
|
||||
<style type="text/css">
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="flags" content="image">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image).">
|
||||
<style type="text/css">
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="flags" content="image">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image).">
|
||||
<style type="text/css">
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
<div id="constrained-grid">
|
||||
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled">
|
||||
<img id="test-grid-item-overlapping-green" src="support/50x100-green.png" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="flags" content="image">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image).">
|
||||
<style type="text/css">
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
<meta name="flags" content="image">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.">
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image).">
|
||||
<style type="text/css">
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
<div id="constrained-grid">
|
||||
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled">
|
||||
<img id="test-grid-item-overlapping-green" src="support/100x50-green.png" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
Binary file not shown.
|
After Width: | Height: | Size: 202 B |
Binary file not shown.
|
Before Width: | Height: | Size: 218 B |
BIN
tests/wpt/css-tests/css-grid-1_dev/html/support/100x50-green.png
Normal file
BIN
tests/wpt/css-tests/css-grid-1_dev/html/support/100x50-green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
BIN
tests/wpt/css-tests/css-grid-1_dev/html/support/50x100-green.png
Normal file
BIN
tests/wpt/css-tests/css-grid-1_dev/html/support/50x100-green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 202 B |
Binary file not shown.
|
Before Width: | Height: | Size: 218 B |
|
|
@ -21,42 +21,42 @@
|
|||
<table>
|
||||
<tbody id="s1">
|
||||
<tr><th><a href="chapter-1.htm">Chapter 1 -
|
||||
Introduction and Overview</a></th>
|
||||
Introduction</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.htm">Chapter 2 -
|
||||
Grid Layout Concepts and Terminology</a></th>
|
||||
Overview</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.htm">Chapter 3 -
|
||||
Grid Containers</a></th>
|
||||
<td>(28 Tests)</td></tr>
|
||||
Grid Layout Concepts and Terminology</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.htm">Chapter 4 -
|
||||
Grid Items</a></th>
|
||||
<td>(65 Tests)</td></tr>
|
||||
Reordering and Accessibility</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.htm">Chapter 5 -
|
||||
The Explicit Grid</a></th>
|
||||
<td>(17 Tests)</td></tr>
|
||||
Grid Containers</a></th>
|
||||
<td>(28 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.htm">Chapter 6 -
|
||||
The Implicit Grid</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
Grid Items</a></th>
|
||||
<td>(65 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.htm">Chapter 7 -
|
||||
Grid Definition Shorthand: the grid property</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
Defining the Grid</a></th>
|
||||
<td>(18 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.htm">Chapter 8 -
|
||||
Clamping Overlarge Grids</a></th>
|
||||
Subgrids</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s9">
|
||||
|
|
@ -82,13 +82,13 @@
|
|||
<tbody id="s13">
|
||||
<tr><th><a href="chapter-13.htm">Chapter 13 -
|
||||
Fragmenting Grid Layout</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="sA">
|
||||
<tr><th><a href="chapter-A.htm">Appendix A -
|
||||
Translated Layout Algorithm</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s14">
|
||||
<tr><th><a href="chapter-14.htm">Chapter 14 -
|
||||
Privacy and Security Considerations</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -157,24 +157,24 @@ html/grid-layout-z-order-b.htm fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ?
|
|||
xhtml1/grid-layout-z-order-b.xht fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ?
|
||||
html/grid-margins-no-collapse-001.htm a2cc4e1ac516408da65ef363beef36c757736f6f ?
|
||||
xhtml1/grid-margins-no-collapse-001.xht a2cc4e1ac516408da65ef363beef36c757736f6f ?
|
||||
html/grid-minimum-size-grid-items-001.htm 448963fca891de0b79fa49f1190f2c1cdc77fb12 ?
|
||||
xhtml1/grid-minimum-size-grid-items-001.xht 448963fca891de0b79fa49f1190f2c1cdc77fb12 ?
|
||||
html/grid-minimum-size-grid-items-002.htm da79e5f445793c7ef0cd5d7b9caeed93432c2b57 ?
|
||||
xhtml1/grid-minimum-size-grid-items-002.xht da79e5f445793c7ef0cd5d7b9caeed93432c2b57 ?
|
||||
html/grid-minimum-size-grid-items-003.htm c6aa744ac2f042e8a0930e33f8b8c687f8bdb88a ?
|
||||
xhtml1/grid-minimum-size-grid-items-003.xht c6aa744ac2f042e8a0930e33f8b8c687f8bdb88a ?
|
||||
html/grid-minimum-size-grid-items-004.htm d673b1381bb45b267e3209fdebe19e0273d70c35 ?
|
||||
xhtml1/grid-minimum-size-grid-items-004.xht d673b1381bb45b267e3209fdebe19e0273d70c35 ?
|
||||
html/grid-minimum-size-grid-items-005.htm c41fb1df97e62700ef0d6db65934875f1bb320b3 ?
|
||||
xhtml1/grid-minimum-size-grid-items-005.xht c41fb1df97e62700ef0d6db65934875f1bb320b3 ?
|
||||
html/grid-minimum-size-grid-items-006.htm ef4a3936784ecc379924dac444ec076bb3a55693 ?
|
||||
xhtml1/grid-minimum-size-grid-items-006.xht ef4a3936784ecc379924dac444ec076bb3a55693 ?
|
||||
html/grid-minimum-size-grid-items-007.htm 5d25fd26df69396f3316c4788b0e7fd3c9fd96c8 ?
|
||||
xhtml1/grid-minimum-size-grid-items-007.xht 5d25fd26df69396f3316c4788b0e7fd3c9fd96c8 ?
|
||||
html/grid-minimum-size-grid-items-008.htm 8c0ad5d4ddf535b63711f5f23c53f1ef25536aa4 ?
|
||||
xhtml1/grid-minimum-size-grid-items-008.xht 8c0ad5d4ddf535b63711f5f23c53f1ef25536aa4 ?
|
||||
html/grid-minimum-size-grid-items-009.htm bc75275511f7261e1bb429db0ff5b64dce745156 ?
|
||||
xhtml1/grid-minimum-size-grid-items-009.xht bc75275511f7261e1bb429db0ff5b64dce745156 ?
|
||||
html/grid-minimum-size-grid-items-001.htm 055d65246f29b381a84f4095bfbdc386c7aac846 ?
|
||||
xhtml1/grid-minimum-size-grid-items-001.xht 055d65246f29b381a84f4095bfbdc386c7aac846 ?
|
||||
html/grid-minimum-size-grid-items-002.htm eeb539f9fa56001ee63615f19754bc5151ed6c60 ?
|
||||
xhtml1/grid-minimum-size-grid-items-002.xht eeb539f9fa56001ee63615f19754bc5151ed6c60 ?
|
||||
html/grid-minimum-size-grid-items-003.htm 97137fbaf71c56f8b356cc6d552c94f24ebc4f0a ?
|
||||
xhtml1/grid-minimum-size-grid-items-003.xht 97137fbaf71c56f8b356cc6d552c94f24ebc4f0a ?
|
||||
html/grid-minimum-size-grid-items-004.htm 467bb3392565372599b4e8b882a1e2b75147b033 ?
|
||||
xhtml1/grid-minimum-size-grid-items-004.xht 467bb3392565372599b4e8b882a1e2b75147b033 ?
|
||||
html/grid-minimum-size-grid-items-005.htm ad0a718a8528422bdd721b3a2bd3cb965c640605 ?
|
||||
xhtml1/grid-minimum-size-grid-items-005.xht ad0a718a8528422bdd721b3a2bd3cb965c640605 ?
|
||||
html/grid-minimum-size-grid-items-006.htm 1d8436caf8e57a9a0f33b92c5709b7bfe0db250d ?
|
||||
xhtml1/grid-minimum-size-grid-items-006.xht 1d8436caf8e57a9a0f33b92c5709b7bfe0db250d ?
|
||||
html/grid-minimum-size-grid-items-007.htm 6feb3944d827d2ca06a7ffe8dabd8da55d8f6ca6 ?
|
||||
xhtml1/grid-minimum-size-grid-items-007.xht 6feb3944d827d2ca06a7ffe8dabd8da55d8f6ca6 ?
|
||||
html/grid-minimum-size-grid-items-008.htm 11ad3a2cf0d79583febe2fe3ac14827c82ec8780 ?
|
||||
xhtml1/grid-minimum-size-grid-items-008.xht 11ad3a2cf0d79583febe2fe3ac14827c82ec8780 ?
|
||||
html/grid-minimum-size-grid-items-009.htm 6c0bf75d1b459f952b7918842039b346ba362bfe ?
|
||||
xhtml1/grid-minimum-size-grid-items-009.xht 6c0bf75d1b459f952b7918842039b346ba362bfe ?
|
||||
html/grid-multicol-001.htm 88839c1417842812d49f6ca916e7056d6f8ed9f8 ?
|
||||
xhtml1/grid-multicol-001.xht 88839c1417842812d49f6ca916e7056d6f8ed9f8 ?
|
||||
html/grid-order-property-auto-placement-001.htm ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 ?
|
||||
|
|
|
|||
|
|
@ -76,15 +76,15 @@ grid-layout-repeat-notation reference/grid-layout-repeat-notation-ref repeat not
|
|||
grid-layout-z-order-a reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order f6ab122559b3da75e52ceda55f9ec69a76f547cc `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
|
||||
grid-layout-z-order-b reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
|
||||
grid-margins-no-collapse-001 reference/grid-text-green-margin-no-collapse-ref grid's margins do not collapse http://www.w3.org/TR/css-grid-1/#grid-containers a2cc4e1ac516408da65ef363beef36c757736f6f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).
|
||||
grid-minimum-size-grid-items-001 reference/ref-filled-green-100px-square Minimum size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto 448963fca891de0b79fa49f1190f2c1cdc77fb12 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-002 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto da79e5f445793c7ef0cd5d7b9caeed93432c2b57 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-003 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto c6aa744ac2f042e8a0930e33f8b8c687f8bdb88a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-004 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto d673b1381bb45b267e3209fdebe19e0273d70c35 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-005 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto c41fb1df97e62700ef0d6db65934875f1bb320b3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
|
||||
grid-minimum-size-grid-items-006 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto ef4a3936784ecc379924dac444ec076bb3a55693 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-007 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 5d25fd26df69396f3316c4788b0e7fd3c9fd96c8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-008 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 8c0ad5d4ddf535b63711f5f23c53f1ef25536aa4 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-009 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto bc75275511f7261e1bb429db0ff5b64dce745156 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
|
||||
grid-minimum-size-grid-items-001 reference/ref-filled-green-100px-square Minimum size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto 055d65246f29b381a84f4095bfbdc386c7aac846 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the content size.
|
||||
grid-minimum-size-grid-items-002 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto eeb539f9fa56001ee63615f19754bc5151ed6c60 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the content size.
|
||||
grid-minimum-size-grid-items-003 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 97137fbaf71c56f8b356cc6d552c94f24ebc4f0a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-004 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 467bb3392565372599b4e8b882a1e2b75147b033 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
|
||||
grid-minimum-size-grid-items-005 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto ad0a718a8528422bdd721b3a2bd3cb965c640605 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the content size.
|
||||
grid-minimum-size-grid-items-006 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 1d8436caf8e57a9a0f33b92c5709b7bfe0db250d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image).
|
||||
grid-minimum-size-grid-items-007 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 6feb3944d827d2ca06a7ffe8dabd8da55d8f6ca6 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image).
|
||||
grid-minimum-size-grid-items-008 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 11ad3a2cf0d79583febe2fe3ac14827c82ec8780 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image).
|
||||
grid-minimum-size-grid-items-009 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 6c0bf75d1b459f952b7918842039b346ba362bfe `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image).
|
||||
grid-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 88839c1417842812d49f6ca916e7056d6f8ed9f8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.
|
||||
grid-order-property-auto-placement-001 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
grid-order-property-auto-placement-002 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property d33459a775e8e493e29fe5cd454d1e20eb057f20 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
|
||||
|
|
|
|||
|
|
@ -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>Introduction and Overview - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Introduction - 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>Introduction and Overview (0 tests)</h2>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,40 +30,7 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2.#example-8bec48fd">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3.#example-c1aac7f6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4.#example-07f44438">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -42,7 +42,79 @@
|
|||
<tbody id="s10.1.#augmented-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#example-5e661594">
|
||||
<tbody id="s10.1.#example-e7e12220">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-area-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-71">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-72">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-73">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-74">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-75">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-76">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-77">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-78">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-line-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-span-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-implicit-grid-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-implicit-grid-lines-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2">
|
||||
|
|
@ -51,6 +123,27 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-area-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-area-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-79">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-80">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-81">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-82">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-item-99">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -33,12 +33,48 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-column-axis-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-area-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-area-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-container-83">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-100">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-101">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-102">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-103">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-104">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-track-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-row-axis-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#collapsed-gutter">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#gutter">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -51,16 +87,106 @@
|
|||
<tbody id="s11.1.#propdef-grid-row-gap">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-augmented-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-container-84">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-container-85">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-line-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-line-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-row-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-track-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#example-09da26fa">
|
||||
<tbody id="s11.2.#ref-for-grid-item-105">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#issue-1383de0a">
|
||||
<tbody id="s11.2.#ref-for-grid-track-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3">
|
||||
|
|
@ -69,10 +195,19 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#example-50fa0987">
|
||||
<tbody id="s11.3.#example-3bd85f6e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#issue-3a8dda12">
|
||||
<tbody id="s11.3.#ref-for-grid-container-86">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-106">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-107">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-108">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4">
|
||||
|
|
@ -81,28 +216,97 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-container-87">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-item-109">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-item-110">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-157a3991">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-2b9c8e4b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#issue-99617a9c">
|
||||
<tbody id="s11.5.#ref-for-explicit-grid-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-88">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-89">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-90">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-91">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-line-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-track-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-track-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-implicit-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-propdef-grid-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Container Baselines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#baseline-participation">
|
||||
<tbody id="s11.6.#grid-order">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#order-modified-grid-order">
|
||||
<tbody id="s11.6.#ref-for-grid-cell-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-container-92">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-container-93">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-111">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-112">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-113">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-114">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-115">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-order-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -45,13 +45,121 @@
|
|||
<tbody id="s12.#intrinsic-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-sizing-algorithm-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-track-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-max-track-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-min-track-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-typedef-flex-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-auto-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-fit-content-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-max-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-min-content-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#issue-4f54519f">
|
||||
<tbody id="s12.1.#issue-549cf26d">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-area-35">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-area-36">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-column-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-column-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-container-94">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-container-95">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-116">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-117">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-118">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-row-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-max-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-max-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-track-sizing-algorithm-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-track-sizing-algorithm-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-typedef-flex-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2">
|
||||
|
|
@ -60,6 +168,9 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#available-grid-space">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#free-space">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="">
|
||||
|
|
@ -80,6 +191,75 @@
|
|||
<tbody id="s12.2.#min-track-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-base-size-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-free-space-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-97">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-98">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-item-119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-track-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-typedef-flex-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#span-count">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -95,6 +275,15 @@
|
|||
<tbody id="s12.3.#growth-limit">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-base-size-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-max-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-min-track-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#track-sizing-algorithm">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -104,6 +293,69 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-fixed-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-fixed-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-flexible-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-flexible-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-gutter-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-intrinsic-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-intrinsic-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-max-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-min-track-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-track-sizing-algorithm-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-valdef-grid-template-columns-auto-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.5">+</a>
|
||||
|
|
@ -119,7 +371,271 @@
|
|||
<tbody id="s12.5.#infinitely-growable">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#issue-b256823c">
|
||||
<tbody id="s12.5.#min-size-contributions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-fixed-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-flexible-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-100">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-101">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-99">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-infinitely-growable-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-infinitely-growable-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-intrinsic-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-intrinsic-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-size-contributions-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-size-contributions-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6">
|
||||
|
|
@ -128,12 +644,111 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-available-grid-space-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-102">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-103">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-104">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-growth-limit-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-available-grid-space-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-available-grid-space-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-105">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-106">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-107">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-item-120">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-track-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-space-to-fill-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-space-to-fill-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7.1">+</a>
|
||||
|
|
@ -149,6 +764,36 @@
|
|||
<tbody id="s12.7.1.#leftover-space">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-base-size-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-flex-factor-sum-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-track-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-track-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-hypothetical-fr-size-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-hypothetical-fr-size-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-leftover-space-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-space-to-fill-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#space-to-fill">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>Fragmenting Grid Layout (1 tests)</h2>
|
||||
<h2>Fragmenting Grid Layout (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -33,60 +33,31 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-container-108">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-item-121">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-item-122">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1.#issue-69d6a1c1">
|
||||
<tbody id="s13.1.#ref-for-grid-area-37">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<tbody id="s13.1.#ref-for-propdef-grid-row-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#acks">
|
||||
<tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#changes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#issues-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Grid Layout - Properties exist
|
||||
<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.#title">
|
||||
<tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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>Translated Layout Algorithm - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Privacy and Security Considerations - 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>Translated Layout Algorithm (0 tests)</h2>
|
||||
<h2>Privacy and Security Considerations (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -27,43 +27,105 @@
|
|||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="sA">
|
||||
<tbody id="s14">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<a href="#s14">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#priv-sec">14 Privacy and Security Considerations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growable-tracks">
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growth-delta">
|
||||
<tbody id="s.#acks">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#hypothetical-size">
|
||||
<tbody id="s.#changes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#needed-space">
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#overgrowable-tracks">
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conformance-classes">
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conventions">
|
||||
<tbody id="s.#issues-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#experimental">
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Grid Layout - Properties exist
|
||||
<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="sconformance.#partial">
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#testing">
|
||||
<tbody id="s.#subtitle">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconventions.#example-f839f6c8">
|
||||
<tbody id="s.#title">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-collapsed-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-fixed-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-funcdef-repeat-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-propdef-grid-template-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-typedef-auto-track-list-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-valdef-grid-template-columns-auto-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-valdef-grid-template-columns-fit-content-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-future-proofing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-partial">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-testing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conform-classes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conform-responsible">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#cr-exit-criteria">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#document-conventions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="scontents.#issue-9f88c8eb">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sdocument-conventions.#example-a13d9f9a">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sindex.#index-defined-elsewhere">
|
||||
|
|
@ -72,51 +134,39 @@
|
|||
<tbody id="sindex.#index-defined-here">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css3-flexbox">
|
||||
<tbody id="sinformative.#biblio-css-multicol-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-html5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sissues-index.#back-to-top">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-align-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-break-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-cascade-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-display-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-flexbox-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-multicol-1">
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<tbody id="snormative.#biblio-css-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-pseudo-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-sizing-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-syntax-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-writing-modes-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css3-align">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css3-break">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -147,6 +197,9 @@
|
|||
<tbody id="sreferences.#normative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#toc">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#w3c_process_revision">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -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 Layout Concepts and Terminology - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Overview - 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 Layout Concepts and Terminology (0 tests)</h2>
|
||||
<h2>Overview (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,67 +30,181 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview">2 Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#column-axis">
|
||||
<tbody id="s2.#ref-for-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid">
|
||||
<tbody id="s2.#ref-for-grid-container-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-column">
|
||||
<tbody id="s2.#ref-for-grid-container-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-layout">
|
||||
<tbody id="s2.#ref-for-gutter-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#row-axis">
|
||||
<tbody id="s2.#ref-for-subgrid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-grid">2.1 Declaring the Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#example-35388f26">
|
||||
<tbody id="s2.1.#example-debfabcf">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#grid-cell">
|
||||
<tbody id="s2.1.#ref-for-explicit-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#grid-track">
|
||||
<tbody id="s2.1.#ref-for-explicit-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-column-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-row-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-track-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-propdef-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-valdef-grid-template-columns-auto-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-placement">2.2 Placing Items</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#example-07ee9d6e">
|
||||
<tbody id="s2.2.#example-a82ba906">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#grid-line">
|
||||
<tbody id="s2.2.#ref-for-auto-placement-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-container-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-item-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-placement-property-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-end-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-start-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-end-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-start-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-sizing">2.3 Sizing the Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#example-05759431">
|
||||
<tbody id="s2.3.#example-6afa444a">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#grid-area">
|
||||
<tbody id="s2.3.#ref-for-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#issue-2cf2761e">
|
||||
<tbody id="s2.3.#ref-for-grid-container-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-container-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-container-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-item-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-item-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-track-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">2.4 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.#ref-for-grid-area-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">2.4.1 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#example-0597d0ab">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-container-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">2.4.2 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#example-3828fb4f">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#ref-for-grid-item-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#ref-for-grid-item-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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 Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Layout Concepts and Terminology - 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 Containers (28 tests)</h2>
|
||||
<h2>Grid Layout Concepts and Terminology (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,321 +30,214 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">3 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#column-axis">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-column">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-layout">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-area-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-item-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#row-axis">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-grid.xht">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: grid
|
||||
<ul class="assert">
|
||||
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="display-inline-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
<ul class="assert">
|
||||
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'inline-grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.1.#grid-container">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">3.1 Grid Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#grid-formatting-context">
|
||||
<tbody id="s3.1.#example-6e7cd811">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#valdef-display-grid">
|
||||
<tbody id="s3.1.#grid-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#valdef-display-inline-grid">
|
||||
<tbody id="s3.1.#ref-for-grid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-item-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-item-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">3.2 Grid Tracks and Cells</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#issue-839d056f">
|
||||
<tbody id="s3.2.#example-c9203348">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#grid-cell">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#grid-track">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-column-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-item-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-line-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-line-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-row-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-track-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-track-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">3.3 Grid Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#example-510e72f7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#grid-area">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-cell-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-container-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-track-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-intrinsic-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-propdef-grid-template-areas-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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 Items - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Reordering and Accessibility - 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 Items (65 tests)</h2>
|
||||
<h2>Reordering and Accessibility (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,629 +30,31 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-001-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.#example-565bbd9a">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-accessibility">4 Reordering and Accessibility</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#grid-item">
|
||||
<tbody id="s4.#example-14efa1ec">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#grid-level">
|
||||
<tbody id="s4.#example-a3f89410">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#issue-1779cb08">
|
||||
<tbody id="s4.#ref-for-grid-placement-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<tbody id="s4.#ref-for-grid-placement-property-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1.#issue-8f83c1bc">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.3.#example-25600ee6">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-007-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-008-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-009-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody id="s4.#ref-for-grid-placement-property-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4.#min-size-opt">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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>The Explicit Grid - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Explicit Grid (17 tests)</h2>
|
||||
<h2>Grid Containers (28 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,440 +30,447 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#explicit-grid">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">5 Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">5.1 Establishing Grid Containers: the grid, inline-grid, and subgrid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-columns-rows-001.xht">grid-inline-support-grid-template-columns-rows-001</a></td>
|
||||
<a href="display-grid.xht">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-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>Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>CSS Grid Layout: display: grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.</li>
|
||||
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-auto-tracks-5.1" class="">
|
||||
<tr id="display-inline-grid-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-auto-tracks.xht">grid-layout-auto-tracks</a></td>
|
||||
<td><a href="reference/grid-layout-auto-tracks-ref.xht">=</a> </td>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>auto tracks
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-basic-5.1" class="">
|
||||
<tr id="grid-computed-value-display-floated-items-001-5.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-layout-basic.xht">grid-layout-basic</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td>basic
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<tr id="grid-display-inline-grid-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-columns-rows-001.xht">grid-support-grid-template-columns-rows-001</a></td>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'inline-grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.</li>
|
||||
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.#example-b22f59e2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#example-cbfcc6c1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#flex-factor">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#propdef-grid-template-columns">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#propdef-grid-template-rows">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#track-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-auto-track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-fixed-breadth">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-fixed-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-line-name-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-line-names">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-breadth">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-flex">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-length">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-max-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-min-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-minmax">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-percentage">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-rows-none">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-rows-subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<tr id="grid-first-letter-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-named-grid-lines-001.xht">grid-inline-support-named-grid-lines-001</a></td>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<tr id="grid-first-letter-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-named-grid-lines-001.xht">grid-support-named-grid-lines-001</a></td>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.1.#example-6123b007">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.1.#named-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="grid-inline-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<tr id="grid-first-letter-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-repeat-001.xht">grid-inline-support-repeat-001</a></td>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>'::first-letter' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-repeat-notation-5.1.2" class="">
|
||||
<tr id="grid-first-line-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-repeat-notation.xht">grid-layout-repeat-notation</a></td>
|
||||
<td><a href="reference/grid-layout-repeat-notation-ref.xht">=</a> </td>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>repeat notation
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>the subgrid layout should behave the same as reference.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<tr id="grid-first-line-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-repeat-001.xht">grid-support-repeat-001</a></td>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#example-bb14e892">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#funcdef-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#issue-6cc61e0b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-auto-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-fixed-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-name-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-track-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#valdef-repeat-auto-fill">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#valdef-repeat-auto-fit">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="fr-unit-5.1.3" class="">
|
||||
<tr id="grid-first-line-003-5.1" class="">
|
||||
<td>
|
||||
<a href="fr-unit.xht">fr-unit</a></td>
|
||||
<td><a href="reference/fr-unit-ref.xht">=</a> </td>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Length
|
||||
<td>'::first-line' works on grid items
|
||||
<ul class="assert">
|
||||
<li>'fr' unit represents a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="fr-unit-with-percentage-5.1.3" class="">
|
||||
<tr id="grid-float-001-5.1" class="">
|
||||
<td>
|
||||
<a href="fr-unit-with-percentage.xht">fr-unit-with-percentage</a></td>
|
||||
<td><a href="reference/fr-unit-with-percentage-ref.xht">=</a> </td>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Lenght
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<tr id="grid-floats-no-intrude-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-flexible-lengths-001.xht">grid-inline-support-flexible-lengths-001</a></td>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<tr id="grid-inline-first-letter-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-flexible-lengths-001.xht">grid-support-flexible-lengths-001</a></td>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#flex-fraction">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#flexible-length">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#typedef-flex">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-51d08e15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-55adf7b5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-6839256e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-b547f836">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#issue-b2c6c5eb">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<tr id="grid-inline-first-letter-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-template-columns-rows-resolved-values-001.xht">grid-inline-template-columns-rows-resolved-values-001</a></td>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<tr id="grid-inline-first-line-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-template-columns-rows-resolved-values-001.xht">grid-template-columns-rows-resolved-values-001</a></td>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-5.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.5.#example-c7bf51ed">
|
||||
<tbody id="s5.1.#grid-container">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#grid-formatting-context">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-line-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-subgrid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-subgrid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-inline-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-areas-001.xht">grid-inline-support-grid-template-areas-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-ares' property within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-areas-001.xht">grid-support-grid-template-areas-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-ares' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.2.#example-1e271cff">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">5.2 Sizing Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#named-cell-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#named-grid-area">
|
||||
<tbody id="s5.2.#ref-for-grid-container-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#null-cell-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#propdef-grid-template-areas">
|
||||
<tbody id="s5.2.#ref-for-grid-container-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#trash-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#valdef-grid-template-areas-none">
|
||||
<tbody id="s5.2.#ref-for-grid-container-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#valdef-grid-template-areas-string">
|
||||
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1.#implicit-named-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2.#implicit-named-area">
|
||||
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">5.3 Clamping Overly Large Grids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-7bb340db">
|
||||
<tbody id="s5.3.#clamp-a-grid-area">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-cff2ea6e">
|
||||
<tbody id="s5.3.#example-3562ead8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#grid-template-ascii">
|
||||
<tbody id="s5.3.#ref-for-clamp-a-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#grid-template-rowcol">
|
||||
<tbody id="s5.3.#ref-for-grid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#propdef-grid-template">
|
||||
<tbody id="s5.3.#ref-for-grid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#valdef-grid-template-none">
|
||||
<tbody id="s5.3.#ref-for-grid-area-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#valdef-grid-template-subgrid">
|
||||
<tbody id="s5.3.#ref-for-grid-area-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#ref-for-grid-span-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#ref-for-grid-track-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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>The Implicit Grid - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Items - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Implicit Grid (1 tests)</h2>
|
||||
<h2>Grid Items (65 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,63 +30,725 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">6 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-001-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.#example-d673f1f1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid">
|
||||
<tbody id="s6.#grid-item">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid-lines">
|
||||
<tbody id="s6.#ref-for-grid-container-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid-track">
|
||||
<tbody id="s6.#ref-for-grid-container-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-container-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-item-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-item-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-support-grid-auto-columns-rows-001-6.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-grid-auto-columns-rows-001.xht">grid-support-grid-auto-columns-rows-001</a></td>
|
||||
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Support for 'grid-auto-columns' and 'grid-auto-rows' properties
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.1.#example-f6b2073d">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-item-display">6.1 Grid Item Display</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#propdef-grid-auto-columns">
|
||||
<tbody id="s6.1.#grid-level">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#propdef-grid-auto-rows">
|
||||
<tbody id="s6.1.#ref-for-grid-container-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-formatting-context-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-item-sizing">6.2 Grid Item Sizing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#auto-placement">
|
||||
<tbody id="s6.2.#ref-for-grid-area-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#example-151588ef">
|
||||
<tbody id="s6.2.#ref-for-grid-item-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#propdef-grid-auto-flow">
|
||||
<tbody id="s6.2.#ref-for-grid-item-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-column">
|
||||
<tbody id="s6.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">6.3 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.3.#ref-for-grid-item-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-dense">
|
||||
<tbody id="s6.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#item-margins">6.4 Grid Item Margins and Paddings</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-row">
|
||||
<tbody id="s6.4.#ref-for-grid-area-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-35">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-36">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">6.5 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.5.#example-25600ee6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-area-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-item-37">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-item-38">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">6.6 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-6.6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-007-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-008-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-009-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.6.#min-size-opt">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-fixed-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-area-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-39">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-40">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-41">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-track-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-max-track-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -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>Clamping Overlarge Grids - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Subgrids - 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>Clamping Overlarge Grids (0 tests)</h2>
|
||||
<h2>Subgrids (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,13 +30,145 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">8 Subgrids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#clamp-a-grid-area">
|
||||
<tbody id="s8.#example-775b1f21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#example-d8113d55">
|
||||
<tbody id="s8.#example-83158ff0">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#example-d93a7054">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-clamp-a-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-explicit-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-explicit-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-area-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-62">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-63">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-64">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-65">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-66">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-54">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-55">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-56">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-57">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-58">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-59">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-60">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-61">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-62">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-63">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-placement-property-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-span-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-implicit-grid-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-column-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-gap-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-template-columns-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-template-rows-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -36,9 +36,6 @@
|
|||
<tbody id="s9.#automatic-grid-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#automatic-grid-span">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#definite-grid-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -68,6 +65,93 @@
|
|||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-auto-placement-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-cell-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-64">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-65">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-66">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-67">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-68">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-69">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-70">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-71">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-72">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-placement-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-span-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-span-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-track-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-end-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-start-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-end-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-start-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
|
|
@ -77,6 +161,30 @@
|
|||
<tbody id="s9.1.#grid-property-breakdown">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-grid-placement-property-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-area-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-end-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-start-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-end-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-start-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.1">+</a>
|
||||
|
|
@ -89,6 +197,18 @@
|
|||
<tbody id="s9.1.1.#example-df960baa">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-named-grid-area-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-named-grid-area-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-propdef-grid-area-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-propdef-grid-template-areas-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.2">+</a>
|
||||
|
|
@ -132,7 +252,19 @@
|
|||
<tbody id="s9.1.3.#example-01a712a1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#example-f18ff78e">
|
||||
<tbody id="s9.1.3.#example-d95f90ed">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-grid-area-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-grid-area-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4">
|
||||
|
|
@ -147,13 +279,28 @@
|
|||
<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="https://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
|
||||
<tbody id="s9.1.4.#ref-for-grid-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.5.#example-d12eb89f">
|
||||
<tbody id="s9.1.4.#ref-for-grid-cell-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-73">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-valdef-grid-auto-flow-dense-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2">
|
||||
|
|
@ -162,6 +309,12 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#ref-for-grid-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#ref-for-grid-placement-property-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.3">+</a>
|
||||
|
|
@ -171,6 +324,9 @@
|
|||
<tbody id="s9.3.#example-198bb78c">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#example-64f80282">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#grid-placement-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -195,7 +351,163 @@
|
|||
<tbody id="s9.3.#propdef-grid-row-start">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#typedef-grid-line">
|
||||
<tbody id="s9.3.#ref-for-auto-placement-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-container-67">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-container-68">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-74">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-75">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-76">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-77">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-78">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-79">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-80">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-81">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-line-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-span-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-lines-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-lines-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-named-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-end-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-end-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#typedef-grid-row-start-grid-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1">
|
||||
|
|
@ -204,6 +516,21 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-item-82">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-property-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.4">+</a>
|
||||
|
|
@ -230,6 +557,129 @@
|
|||
<tbody id="s9.4.#propdef-grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-container-69">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-container-70">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-item-83">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-item-84">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-area-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.5">+</a>
|
||||
|
|
@ -239,7 +689,7 @@
|
|||
<tbody id="s9.5.#auto-placement-cursor">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#example-f1587aa2">
|
||||
<tbody id="s9.5.#example-faa9d488">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#grid-item-placement-algorithm">
|
||||
|
|
@ -248,6 +698,288 @@
|
|||
<tbody id="s9.5.#occupied">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-cell-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-85">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-86">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-87">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-88">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-89">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-90">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-91">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-92">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-93">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-94">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-95">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-97">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-98">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-placement-algorithm-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-line-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-property-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-row-end-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-row-start-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-template-columns-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-unoccupied-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-unoccupied-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-row-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#unoccupied">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the content size." />
|
||||
<style type="text/css"><
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
Binary file not shown.
|
After Width: | Height: | Size: 202 B |
Binary file not shown.
|
Before Width: | Height: | Size: 218 B |
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
Binary file not shown.
|
After Width: | Height: | Size: 202 B |
Binary file not shown.
|
Before Width: | Height: | Size: 218 B |
|
|
@ -21,42 +21,42 @@
|
|||
<table>
|
||||
<tbody id="s1">
|
||||
<tr><th><a href="chapter-1.xht">Chapter 1 -
|
||||
Introduction and Overview</a></th>
|
||||
Introduction</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.xht">Chapter 2 -
|
||||
Grid Layout Concepts and Terminology</a></th>
|
||||
Overview</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Grid Containers</a></th>
|
||||
<td>(28 Tests)</td></tr>
|
||||
Grid Layout Concepts and Terminology</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Grid Items</a></th>
|
||||
<td>(65 Tests)</td></tr>
|
||||
Reordering and Accessibility</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
The Explicit Grid</a></th>
|
||||
<td>(17 Tests)</td></tr>
|
||||
Grid Containers</a></th>
|
||||
<td>(28 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
The Implicit Grid</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
Grid Items</a></th>
|
||||
<td>(65 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
Grid Definition Shorthand: the grid property</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
Defining the Grid</a></th>
|
||||
<td>(18 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
Clamping Overlarge Grids</a></th>
|
||||
Subgrids</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s9">
|
||||
|
|
@ -82,13 +82,13 @@
|
|||
<tbody id="s13">
|
||||
<tr><th><a href="chapter-13.xht">Chapter 13 -
|
||||
Fragmenting Grid Layout</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="sA">
|
||||
<tr><th><a href="chapter-A.xht">Appendix A -
|
||||
Translated Layout Algorithm</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s14">
|
||||
<tr><th><a href="chapter-14.xht">Chapter 14 -
|
||||
Privacy and Security Considerations</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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>Introduction and Overview - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Introduction - 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>Introduction and Overview (0 tests)</h2>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,40 +30,7 @@
|
|||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.2.#example-8bec48fd">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.3.#example-c1aac7f6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.4.#example-07f44438">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -42,7 +42,79 @@
|
|||
<tbody id="s10.1.#augmented-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#example-5e661594">
|
||||
<tbody id="s10.1.#example-e7e12220">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-area-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-71">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-72">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-73">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-74">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-75">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-76">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-77">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-container-78">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-line-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-placement-property-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-grid-span-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-implicit-grid-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-implicit-grid-lines-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2">
|
||||
|
|
@ -51,6 +123,27 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-area-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-area-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-79">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-80">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-81">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-container-82">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.2.#ref-for-grid-item-99">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -33,12 +33,48 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-column-axis-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-area-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-area-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-container-83">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-100">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-101">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-102">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-103">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-item-104">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-grid-track-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#ref-for-row-axis-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#collapsed-gutter">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#gutter">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -51,16 +87,106 @@
|
|||
<tbody id="s11.1.#propdef-grid-row-gap">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-augmented-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-collapsed-track-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-container-84">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-container-85">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-line-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-line-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-row-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-grid-track-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-gutter-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-implicit-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-column-gap-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1.#ref-for-propdef-grid-row-gap-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#example-09da26fa">
|
||||
<tbody id="s11.2.#ref-for-grid-item-105">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.2.#issue-1383de0a">
|
||||
<tbody id="s11.2.#ref-for-grid-track-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3">
|
||||
|
|
@ -69,10 +195,19 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#example-50fa0987">
|
||||
<tbody id="s11.3.#example-3bd85f6e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#issue-3a8dda12">
|
||||
<tbody id="s11.3.#ref-for-grid-container-86">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-106">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-107">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.3.#ref-for-grid-item-108">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4">
|
||||
|
|
@ -81,28 +216,97 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-container-87">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-item-109">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.4.#ref-for-grid-item-110">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-157a3991">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#example-2b9c8e4b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#issue-99617a9c">
|
||||
<tbody id="s11.5.#ref-for-explicit-grid-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-88">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-89">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-90">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-container-91">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-line-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-track-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-grid-track-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-implicit-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.5.#ref-for-propdef-grid-gap-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11.6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Container Baselines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#baseline-participation">
|
||||
<tbody id="s11.6.#grid-order">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#order-modified-grid-order">
|
||||
<tbody id="s11.6.#ref-for-grid-cell-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-container-92">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-container-93">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-111">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-112">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-113">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-114">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-item-115">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.6.#ref-for-grid-order-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -45,13 +45,121 @@
|
|||
<tbody id="s12.#intrinsic-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-sizing-algorithm-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-grid-track-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-max-track-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-min-track-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-typedef-flex-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-auto-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-fit-content-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-max-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#ref-for-valdef-grid-template-columns-min-content-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#issue-4f54519f">
|
||||
<tbody id="s12.1.#issue-549cf26d">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-area-35">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-area-36">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-column-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-column-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-container-94">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-container-95">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-116">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-117">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-item-118">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-grid-row-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-max-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-max-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-track-sizing-algorithm-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-track-sizing-algorithm-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-typedef-flex-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2">
|
||||
|
|
@ -60,6 +168,9 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#available-grid-space">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#free-space">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="">
|
||||
|
|
@ -80,6 +191,75 @@
|
|||
<tbody id="s12.2.#min-track-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-available-grid-space-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-base-size-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-free-space-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-97">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-container-98">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-item-119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-grid-track-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-typedef-flex-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.2.#span-count">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -95,6 +275,15 @@
|
|||
<tbody id="s12.3.#growth-limit">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-base-size-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-max-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#ref-for-min-track-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.3.#track-sizing-algorithm">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -104,6 +293,69 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-base-size-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-fixed-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-fixed-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-flexible-sizing-function-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-flexible-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-growth-limit-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-gutter-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-intrinsic-sizing-function-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-intrinsic-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-max-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-min-track-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-track-sizing-algorithm-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.4.#ref-for-valdef-grid-template-columns-auto-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.5">+</a>
|
||||
|
|
@ -119,7 +371,271 @@
|
|||
<tbody id="s12.5.#infinitely-growable">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#issue-b256823c">
|
||||
<tbody id="s12.5.#min-size-contributions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-base-size-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-fixed-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-flexible-sizing-function-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-100">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-101">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-container-99">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-growth-limit-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-infinitely-growable-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-infinitely-growable-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-intrinsic-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-intrinsic-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-max-track-sizing-function-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-size-contributions-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-size-contributions-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-min-track-sizing-function-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6">
|
||||
|
|
@ -128,12 +644,111 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-available-grid-space-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-free-space-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-102">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-103">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-grid-container-104">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.6.#ref-for-growth-limit-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-available-grid-space-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-available-grid-space-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-base-size-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-flex-fraction-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-free-space-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-105">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-106">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-container-107">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-item-120">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-grid-track-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-space-to-fill-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.#ref-for-space-to-fill-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.7.1">+</a>
|
||||
|
|
@ -149,6 +764,36 @@
|
|||
<tbody id="s12.7.1.#leftover-space">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-base-size-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-flex-factor-sum-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-track-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-grid-track-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-hypothetical-fr-size-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-hypothetical-fr-size-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-leftover-space-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#ref-for-space-to-fill-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.7.1.#space-to-fill">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>Fragmenting Grid Layout (1 tests)</h2>
|
||||
<h2>Fragmenting Grid Layout (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -33,60 +33,31 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-container-108">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-item-121">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#ref-for-grid-item-122">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1.#issue-69d6a1c1">
|
||||
<tbody id="s13.1.#ref-for-grid-area-37">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<tbody id="s13.1.#ref-for-propdef-grid-row-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#acks">
|
||||
<tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#changes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#issues-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Grid Layout - Properties exist
|
||||
<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.#title">
|
||||
<tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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>Translated Layout Algorithm - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Privacy and Security Considerations - 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>Translated Layout Algorithm (0 tests)</h2>
|
||||
<h2>Privacy and Security Considerations (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -27,43 +27,105 @@
|
|||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="sA">
|
||||
<tbody id="s14">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
|
||||
<a href="#s14">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#priv-sec">14 Privacy and Security Considerations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growable-tracks">
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#growth-delta">
|
||||
<tbody id="s.#acks">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#hypothetical-size">
|
||||
<tbody id="s.#changes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#needed-space">
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#overgrowable-tracks">
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conformance-classes">
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conventions">
|
||||
<tbody id="s.#issues-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#experimental">
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-layout-properties.xht">grid-layout-properties</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Grid Layout - Properties exist
|
||||
<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="sconformance.#partial">
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#testing">
|
||||
<tbody id="s.#subtitle">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconventions.#example-f839f6c8">
|
||||
<tbody id="s.#title">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-collapsed-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-fixed-sizing-function-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-funcdef-repeat-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-propdef-grid-template-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-typedef-auto-track-list-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-valdef-grid-template-columns-auto-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="schanges.#ref-for-valdef-grid-template-columns-fit-content-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-future-proofing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-partial">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconform-responsible.#conform-testing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conform-classes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conform-responsible">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#cr-exit-criteria">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#document-conventions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="scontents.#issue-9f88c8eb">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sdocument-conventions.#example-a13d9f9a">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sindex.#index-defined-elsewhere">
|
||||
|
|
@ -72,51 +134,39 @@
|
|||
<tbody id="sindex.#index-defined-here">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css3-flexbox">
|
||||
<tbody id="sinformative.#biblio-css-multicol-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-html5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sissues-index.#back-to-top">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-align-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-break-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-cascade-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-display-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-flexbox-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-multicol-1">
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<tbody id="snormative.#biblio-css-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-pseudo-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-sizing-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-syntax-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-writing-modes-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css3-align">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css3-break">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -147,6 +197,9 @@
|
|||
<tbody id="sreferences.#normative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#toc">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#w3c_process_revision">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -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 Layout Concepts and Terminology - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Overview - 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 Layout Concepts and Terminology (0 tests)</h2>
|
||||
<h2>Overview (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,67 +30,181 @@
|
|||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview">2 Overview</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#column-axis">
|
||||
<tbody id="s2.#ref-for-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid">
|
||||
<tbody id="s2.#ref-for-grid-container-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-column">
|
||||
<tbody id="s2.#ref-for-grid-container-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-layout">
|
||||
<tbody id="s2.#ref-for-gutter-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#row-axis">
|
||||
<tbody id="s2.#ref-for-subgrid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-grid">2.1 Declaring the Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#example-35388f26">
|
||||
<tbody id="s2.1.#example-debfabcf">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#grid-cell">
|
||||
<tbody id="s2.1.#ref-for-explicit-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#grid-track">
|
||||
<tbody id="s2.1.#ref-for-explicit-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-column-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-row-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-grid-track-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-propdef-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#ref-for-valdef-grid-template-columns-auto-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-placement">2.2 Placing Items</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#example-07ee9d6e">
|
||||
<tbody id="s2.2.#example-a82ba906">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#grid-line">
|
||||
<tbody id="s2.2.#ref-for-auto-placement-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-container-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-item-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-grid-placement-property-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-end-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-column-start-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-end-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2.#ref-for-propdef-grid-row-start-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overview-sizing">2.3 Sizing the Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#example-05759431">
|
||||
<tbody id="s2.3.#example-6afa444a">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#grid-area">
|
||||
<tbody id="s2.3.#ref-for-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#issue-2cf2761e">
|
||||
<tbody id="s2.3.#ref-for-grid-container-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-container-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-container-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-item-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-item-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.3.#ref-for-grid-track-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#background">2.4 Background and Motivation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.#ref-for-grid-area-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">2.4.1 Adapting Layouts to Available Space</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#example-0597d0ab">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-container-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.1.#ref-for-grid-item-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.4.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">2.4.2 Source-Order Independence</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#example-3828fb4f">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#ref-for-grid-item-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.4.2.#ref-for-grid-item-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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 Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Layout Concepts and Terminology - 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 Containers (28 tests)</h2>
|
||||
<h2>Grid Layout Concepts and Terminology (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,321 +30,214 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">3 Grid Layout Concepts and Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#column-axis">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-column">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-layout">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-area-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-container-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-item-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-grid-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#row-axis">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-grid.xht">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: grid
|
||||
<ul class="assert">
|
||||
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="display-inline-grid-3.1" class="">
|
||||
<td>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
<ul class="assert">
|
||||
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-computed-value-display-floated-items-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-inline-grid-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'inline-grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-3.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-3.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.1.#grid-container">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">3.1 Grid Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#grid-formatting-context">
|
||||
<tbody id="s3.1.#example-6e7cd811">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#valdef-display-grid">
|
||||
<tbody id="s3.1.#grid-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#valdef-display-inline-grid">
|
||||
<tbody id="s3.1.#ref-for-grid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-item-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-item-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-grid-line-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">3.2 Grid Tracks and Cells</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#issue-839d056f">
|
||||
<tbody id="s3.2.#example-c9203348">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#grid-cell">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#grid-track">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-column-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-container-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-item-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-line-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-line-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-row-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-track-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-grid-track-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">3.3 Grid Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#example-510e72f7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#grid-area">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-area-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-cell-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-container-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-item-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-line-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-track-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-grid-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-intrinsic-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-propdef-grid-template-areas-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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 Items - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Reordering and Accessibility - 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 Items (65 tests)</h2>
|
||||
<h2>Reordering and Accessibility (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,629 +30,31 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-001-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-4" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.#example-565bbd9a">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-accessibility">4 Reordering and Accessibility</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#grid-item">
|
||||
<tbody id="s4.#example-14efa1ec">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#grid-level">
|
||||
<tbody id="s4.#example-a3f89410">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#issue-1779cb08">
|
||||
<tbody id="s4.#ref-for-grid-placement-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
|
||||
<tbody id="s4.#ref-for-grid-placement-property-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1.#issue-8f83c1bc">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-4.3" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.3.#example-25600ee6">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-4.4" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-4.4" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the min-content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-007-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-008-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum 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-minimum-size-grid-items-009-4.4" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody id="s4.#ref-for-grid-placement-property-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4.#min-size-opt">
|
||||
<tbody id="s4.#ref-for-grid-placement-property-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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>The Explicit Grid - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Explicit Grid (17 tests)</h2>
|
||||
<h2>Grid Containers (28 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,440 +30,447 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#explicit-grid">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">5 Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">5.1 Establishing Grid Containers: the grid, inline-grid, and subgrid display values</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="display-grid-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-columns-rows-001.xht">grid-inline-support-grid-template-columns-rows-001</a></td>
|
||||
<a href="display-grid.xht">display-grid</a></td>
|
||||
<td><a href="reference/display-grid-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>Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>CSS Grid Layout: display: grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.</li>
|
||||
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-auto-tracks-5.1" class="">
|
||||
<tr id="display-inline-grid-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-auto-tracks.xht">grid-layout-auto-tracks</a></td>
|
||||
<td><a href="reference/grid-layout-auto-tracks-ref.xht">=</a> </td>
|
||||
<a href="display-inline-grid.xht">display-inline-grid</a></td>
|
||||
<td><a href="reference/display-inline-grid-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>auto tracks
|
||||
<td>CSS Grid Layout: display: inline-grid
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-basic-5.1" class="">
|
||||
<tr id="grid-computed-value-display-floated-items-001-5.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-layout-basic.xht">grid-layout-basic</a></td>
|
||||
<td><a href="reference/grid-layout-basic-ref.xht">=</a> </td>
|
||||
<a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</a></td>
|
||||
<td></td>
|
||||
<td>basic
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'float' affects to the computed value of 'display' on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-display-grid-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
|
||||
<tr id="grid-display-inline-grid-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-columns-rows-001.xht">grid-support-grid-template-columns-rows-001</a></td>
|
||||
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'inline-grid' value for 'display' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.</li>
|
||||
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.#example-b22f59e2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#example-cbfcc6c1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#flex-factor">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#propdef-grid-template-columns">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#propdef-grid-template-rows">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#track-sizing-function">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-auto-track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-fixed-breadth">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-fixed-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-line-name-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-line-names">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-breadth">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-list">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#typedef-track-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-flex">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-length">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-max-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-min-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-minmax">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-columns-percentage">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-rows-none">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-grid-template-rows-subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<tr id="grid-first-letter-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-named-grid-lines-001.xht">grid-inline-support-named-grid-lines-001</a></td>
|
||||
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>'::first-letter' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-named-grid-lines-001-5.1.1" class="ahem dom script">
|
||||
<tr id="grid-first-letter-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-named-grid-lines-001.xht">grid-support-named-grid-lines-001</a></td>
|
||||
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.1.#example-6123b007">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.1.#named-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="grid-inline-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<tr id="grid-first-letter-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-repeat-001.xht">grid-inline-support-repeat-001</a></td>
|
||||
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>'::first-letter' works on grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-repeat-notation-5.1.2" class="">
|
||||
<tr id="grid-first-line-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-layout-repeat-notation.xht">grid-layout-repeat-notation</a></td>
|
||||
<td><a href="reference/grid-layout-repeat-notation-ref.xht">=</a> </td>
|
||||
<a href="grid-first-line-001.xht">grid-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>repeat notation
|
||||
<td>'::first-line' from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>the subgrid layout should behave the same as reference.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-repeat-001-5.1.2" class="ahem dom script">
|
||||
<tr id="grid-first-line-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-repeat-001.xht">grid-support-repeat-001</a></td>
|
||||
<a href="grid-first-line-002.xht">grid-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-line' from grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#example-bb14e892">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#funcdef-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#issue-6cc61e0b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-auto-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-fixed-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-name-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#typedef-track-repeat">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#valdef-repeat-auto-fill">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.2.#valdef-repeat-auto-fit">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="fr-unit-5.1.3" class="">
|
||||
<tr id="grid-first-line-003-5.1" class="">
|
||||
<td>
|
||||
<a href="fr-unit.xht">fr-unit</a></td>
|
||||
<td><a href="reference/fr-unit-ref.xht">=</a> </td>
|
||||
<a href="grid-first-line-003.xht">grid-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Length
|
||||
<td>'::first-line' works on grid items
|
||||
<ul class="assert">
|
||||
<li>'fr' unit represents a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="fr-unit-with-percentage-5.1.3" class="">
|
||||
<tr id="grid-float-001-5.1" class="">
|
||||
<td>
|
||||
<a href="fr-unit-with-percentage.xht">fr-unit-with-percentage</a></td>
|
||||
<td><a href="reference/fr-unit-with-percentage-ref.xht">=</a> </td>
|
||||
<a href="grid-float-001.xht">grid-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS3 Grid Layout: Flexible Lenght
|
||||
<td>'float' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<tr id="grid-floats-no-intrude-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-support-flexible-lengths-001.xht">grid-inline-support-flexible-lengths-001</a></td>
|
||||
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
|
||||
<td>floats do not intrude into a grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-letter-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-letter' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-flexible-lengths-001-5.1.3" class="ahem dom script">
|
||||
<tr id="grid-inline-first-letter-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-flexible-lengths-001.xht">grid-support-flexible-lengths-001</a></td>
|
||||
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties
|
||||
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#flex-fraction">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#flexible-length">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#typedef-flex">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-51d08e15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-55adf7b5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-6839256e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#example-b547f836">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#issue-b2c6c5eb">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.4.#subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<tr id="grid-inline-first-letter-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-template-columns-rows-resolved-values-001.xht">grid-inline-template-columns-rows-resolved-values-001</a></td>
|
||||
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td>
|
||||
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid
|
||||
<td>'::first-letter' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.</li>
|
||||
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
|
||||
<tr id="grid-inline-first-line-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-template-columns-rows-resolved-values-001.xht">grid-template-columns-rows-resolved-values-001</a></td>
|
||||
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks
|
||||
<td>'::first-line' from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.</li>
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-002-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-first-line-003-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'::first-line' works on grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-float-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'float' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-floats-no-intrude-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>floats do not intrude into an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-margins-no-collapse-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>inline grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-multicol-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from inline grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-vertical-align-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-margins-no-collapse-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td>
|
||||
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>grid's margins do not collapse
|
||||
<ul class="assert">
|
||||
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-multicol-001-5.1" class="">
|
||||
<td>
|
||||
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'column-*' properties from grid container does not apply to grid items
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-display-001-5.1" class="dom script">
|
||||
<td>
|
||||
<a href="grid-support-display-001.xht">grid-support-display-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>DOM support for 'grid' and 'inline-grid' 'display' values
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-vertical-align-001-5.1" class="ahem">
|
||||
<td>
|
||||
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'vertical-align' has no effect on grid items
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.5.#example-c7bf51ed">
|
||||
<tbody id="s5.1.#grid-container">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#grid-formatting-context">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-container-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-item-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-grid-line-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-subgrid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#ref-for-valdef-display-subgrid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-inline-grid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.#valdef-display-subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-inline-support-grid-template-areas-001.xht">grid-inline-support-grid-template-areas-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-ares' property within an inline grid
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-support-grid-template-areas-001-5.2" class="ahem dom script">
|
||||
<td>
|
||||
<a href="grid-support-grid-template-areas-001.xht">grid-support-grid-template-areas-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Support for 'grid-template-ares' property
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.2.#example-1e271cff">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">5.2 Sizing Grid Containers</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#named-cell-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#named-grid-area">
|
||||
<tbody id="s5.2.#ref-for-grid-container-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#null-cell-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#propdef-grid-template-areas">
|
||||
<tbody id="s5.2.#ref-for-grid-container-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#trash-token">
|
||||
<tbody id="s5.2.#ref-for-grid-container-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#valdef-grid-template-areas-none">
|
||||
<tbody id="s5.2.#ref-for-grid-container-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.#valdef-grid-template-areas-string">
|
||||
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.1.#implicit-named-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.2.2.#implicit-named-area">
|
||||
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">5.3 Clamping Overly Large Grids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-7bb340db">
|
||||
<tbody id="s5.3.#clamp-a-grid-area">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#example-cff2ea6e">
|
||||
<tbody id="s5.3.#example-3562ead8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#grid-template-ascii">
|
||||
<tbody id="s5.3.#ref-for-clamp-a-grid-area-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#grid-template-rowcol">
|
||||
<tbody id="s5.3.#ref-for-grid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#propdef-grid-template">
|
||||
<tbody id="s5.3.#ref-for-grid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#valdef-grid-template-none">
|
||||
<tbody id="s5.3.#ref-for-grid-area-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#valdef-grid-template-subgrid">
|
||||
<tbody id="s5.3.#ref-for-grid-area-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#ref-for-grid-span-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.3.#ref-for-grid-track-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -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>The Implicit Grid - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Grid Items - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Implicit Grid (1 tests)</h2>
|
||||
<h2>Grid Items (65 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,63 +30,725 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">6 Grid Items</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="grid-inline-items-001-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-001.xht">grid-inline-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-002-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-002.xht">grid-inline-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items within an inline grid
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items within an inline grid.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-items-003-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-items-003.xht">grid-inline-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-001-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-002-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-003-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-item-containing-block-004-6" class="">
|
||||
<td>
|
||||
<a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Grid item sizing in a positioned grid container
|
||||
<ul class="assert">
|
||||
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-001-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-001.xht">grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Regular and anonymous grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-002-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-002.xht">grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Children of grid items do not create new items
|
||||
<ul class="assert">
|
||||
<li>Checks that the grid items do not split around blocks creating extra items.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-003-6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-items-003.xht">grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Grid items with 'display:none' are not rendered
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.#example-d673f1f1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid">
|
||||
<tbody id="s6.#grid-item">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid-lines">
|
||||
<tbody id="s6.#ref-for-grid-container-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#implicit-grid-track">
|
||||
<tbody id="s6.#ref-for-grid-container-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-container-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-item-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#ref-for-grid-item-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="grid-support-grid-auto-columns-rows-001-6.1" class="">
|
||||
<td>
|
||||
<a href="grid-support-grid-auto-columns-rows-001.xht">grid-support-grid-auto-columns-rows-001</a></td>
|
||||
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Support for 'grid-auto-columns' and 'grid-auto-rows' properties
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.1.#example-f6b2073d">
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-item-display">6.1 Grid Item Display</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#propdef-grid-auto-columns">
|
||||
<tbody id="s6.1.#grid-level">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#propdef-grid-auto-rows">
|
||||
<tbody id="s6.1.#ref-for-grid-container-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-formatting-context-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#ref-for-grid-item-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#grid-item-sizing">6.2 Grid Item Sizing</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#auto-placement">
|
||||
<tbody id="s6.2.#ref-for-grid-area-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#example-151588ef">
|
||||
<tbody id="s6.2.#ref-for-grid-item-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#propdef-grid-auto-flow">
|
||||
<tbody id="s6.2.#ref-for-grid-item-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-column">
|
||||
<tbody id="s6.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#order-property">6.3 Reordered Grid Items: the order property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<tr id="grid-inline-order-property-auto-placement-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-auto-placement-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-order-property-painting-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-auto-placement-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td>
|
||||
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items auto-placement position
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-001-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-002-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-003-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-004-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-order-property-painting-005-6.3" class="ahem">
|
||||
<td>
|
||||
<a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'order' property affects grid items painting order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.3.#ref-for-grid-item-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-dense">
|
||||
<tbody id="s6.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#item-margins">6.4 Grid Item Margins and Paddings</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.2.#valdef-grid-auto-flow-row">
|
||||
<tbody id="s6.4.#ref-for-grid-area-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-34">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-35">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.4.#ref-for-grid-item-36">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.5">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#z-order">6.5 Z-axis Ordering: the z-index property</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="grid-inline-items-inline-blocks-001-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items within an inline grid is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order within an inline grid
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-items-inline-blocks-001-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Paint order of grid items is the same as inline blocks
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-a-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-layout-z-order-b-6.5" class="">
|
||||
<td>
|
||||
<a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td>
|
||||
<td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>z order
|
||||
<ul class="assert">
|
||||
<li>the layout should behave the same as reference.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the z-axis order of grid items
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-001-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-002-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-003-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-004-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-005-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-z-axis-ordering-overlapped-items-006-6.5" class="ahem">
|
||||
<td>
|
||||
<a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td>
|
||||
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>'z-index' property controls the grid items stacking order
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.5.#example-25600ee6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-area-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-item-37">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.5.#ref-for-grid-item-38">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.6">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">6.6 Implied Minimum Size of Grid Items</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="grid-minimum-size-grid-items-001-6.6" class="ahem">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-002-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-003-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-004-6.6" class="">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-005-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the content size.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-006-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-007-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-008-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="grid-minimum-size-grid-items-009-6.6" class="image">
|
||||
<td>
|
||||
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>Minimum size of grid items
|
||||
<ul class="assert">
|
||||
<li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.6.#min-size-opt">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-fixed-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-area-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-39">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-40">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-item-41">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-grid-track-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.6.#ref-for-max-track-sizing-function-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -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>Clamping Overlarge Grids - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
||||
<title>Subgrids - 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>Clamping Overlarge Grids (0 tests)</h2>
|
||||
<h2>Subgrids (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -30,13 +30,145 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">8 Subgrids</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#clamp-a-grid-area">
|
||||
<tbody id="s8.#example-775b1f21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#example-d8113d55">
|
||||
<tbody id="s8.#example-83158ff0">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#example-d93a7054">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-clamp-a-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-explicit-grid-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-explicit-grid-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-area-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-62">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-63">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-64">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-65">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-container-66">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-54">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-55">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-56">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-57">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-58">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-59">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-60">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-61">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-62">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-item-63">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-placement-property-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-grid-span-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-implicit-grid-track-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-column-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-gap-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-gap-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-template-columns-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-propdef-grid-template-rows-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#ref-for-subgrid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#subgrid">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -36,9 +36,6 @@
|
|||
<tbody id="s9.#automatic-grid-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#automatic-grid-span">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#definite-grid-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -68,6 +65,93 @@
|
|||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-auto-placement-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-area-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-cell-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-64">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-65">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-66">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-67">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-68">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-69">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-70">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-71">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-item-72">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-placement-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-span-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-span-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-grid-track-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-area-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-end-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-column-start-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-end-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#ref-for-propdef-grid-row-start-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
|
|
@ -77,6 +161,30 @@
|
|||
<tbody id="s9.1.#grid-property-breakdown">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-grid-placement-property-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-area-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-end-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-column-start-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-end-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.#ref-for-propdef-grid-row-start-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.1">+</a>
|
||||
|
|
@ -89,6 +197,18 @@
|
|||
<tbody id="s9.1.1.#example-df960baa">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-named-grid-area-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-named-grid-area-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-propdef-grid-area-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#ref-for-propdef-grid-template-areas-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.2">+</a>
|
||||
|
|
@ -132,7 +252,19 @@
|
|||
<tbody id="s9.1.3.#example-01a712a1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#example-f18ff78e">
|
||||
<tbody id="s9.1.3.#example-d95f90ed">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-grid-area-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-grid-area-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#ref-for-named-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4">
|
||||
|
|
@ -147,13 +279,28 @@
|
|||
<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="https://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
|
||||
<tbody id="s9.1.4.#ref-for-grid-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.5.#example-d12eb89f">
|
||||
<tbody id="s9.1.4.#ref-for-grid-cell-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-73">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.4.#ref-for-valdef-grid-auto-flow-dense-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2">
|
||||
|
|
@ -162,6 +309,12 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#ref-for-grid-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2.#ref-for-grid-placement-property-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.3">+</a>
|
||||
|
|
@ -171,6 +324,9 @@
|
|||
<tbody id="s9.3.#example-198bb78c">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#example-64f80282">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#grid-placement-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
@ -195,7 +351,163 @@
|
|||
<tbody id="s9.3.#propdef-grid-row-start">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#typedef-grid-line">
|
||||
<tbody id="s9.3.#ref-for-auto-placement-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-explicit-grid-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-area-23">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-container-67">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-container-68">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-74">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-75">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-76">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-77">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-78">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-79">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-80">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-item-81">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-line-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-placement-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-grid-span-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-lines-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-grid-lines-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-implicit-named-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-grid-area-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-named-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-end-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-column-start-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-end-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-end-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-propdef-grid-row-start-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.#typedef-grid-row-start-grid-line">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1">
|
||||
|
|
@ -204,6 +516,21 @@
|
|||
<a href="https://www.w3.org/TR/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-item-82">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3.1.#ref-for-grid-placement-property-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.4">+</a>
|
||||
|
|
@ -230,6 +557,129 @@
|
|||
<tbody id="s9.4.#propdef-grid-row">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-container-69">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-container-70">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-item-83">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-item-84">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-grid-placement-auto-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-area-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-end-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-column-start-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-end-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-propdef-grid-row-start-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.5">+</a>
|
||||
|
|
@ -239,7 +689,7 @@
|
|||
<tbody id="s9.5.#auto-placement-cursor">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#example-f1587aa2">
|
||||
<tbody id="s9.5.#example-faa9d488">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#grid-item-placement-algorithm">
|
||||
|
|
@ -248,6 +698,288 @@
|
|||
<tbody id="s9.5.#occupied">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-auto-placement-cursor-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-automatic-grid-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-definite-grid-position-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-30">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-31">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-32">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-explicit-grid-33">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-25">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-26">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-27">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-28">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-area-29">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-cell-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-85">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-86">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-87">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-88">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-89">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-90">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-91">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-92">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-93">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-94">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-95">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-97">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-98">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-item-placement-algorithm-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-line-20">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-placement-property-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-grid-span-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-14">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-15">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-16">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-17">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-18">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-19">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-implicit-grid-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-occupied-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-auto-flow-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-row-end-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-row-start-12">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-propdef-grid-template-columns-24">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-unoccupied-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-unoccupied-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-column-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#ref-for-valdef-grid-auto-flow-row-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5.#unoccupied">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -12,10 +12,10 @@
|
|||
}
|
||||
</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/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
|
||||
<meta name="assert" content="Checks that minimum size for grid items is the content size." />
|
||||
<style type="text/css"><
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
Binary file not shown.
|
After Width: | Height: | Size: 202 B |
Binary file not shown.
|
Before Width: | Height: | Size: 218 B |
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
Binary file not shown.
|
After Width: | Height: | Size: 202 B |
Binary file not shown.
|
Before Width: | Height: | Size: 218 B |
|
|
@ -21,42 +21,42 @@
|
|||
<table>
|
||||
<tbody id="s1">
|
||||
<tr><th><a href="chapter-1.xht">Chapter 1 -
|
||||
Introduction and Overview</a></th>
|
||||
Introduction</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.xht">Chapter 2 -
|
||||
Grid Layout Concepts and Terminology</a></th>
|
||||
Overview</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Grid Containers</a></th>
|
||||
<td>(28 Tests)</td></tr>
|
||||
Grid Layout Concepts and Terminology</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Grid Items</a></th>
|
||||
<td>(65 Tests)</td></tr>
|
||||
Reordering and Accessibility</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
The Explicit Grid</a></th>
|
||||
<td>(17 Tests)</td></tr>
|
||||
Grid Containers</a></th>
|
||||
<td>(28 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
The Implicit Grid</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
Grid Items</a></th>
|
||||
<td>(65 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
Grid Definition Shorthand: the grid property</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
Defining the Grid</a></th>
|
||||
<td>(18 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
Clamping Overlarge Grids</a></th>
|
||||
Subgrids</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s9">
|
||||
|
|
@ -82,13 +82,13 @@
|
|||
<tbody id="s13">
|
||||
<tr><th><a href="chapter-13.xht">Chapter 13 -
|
||||
Fragmenting Grid Layout</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="sA">
|
||||
<tr><th><a href="chapter-A.xht">Appendix A -
|
||||
Translated Layout Algorithm</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s14">
|
||||
<tr><th><a href="chapter-14.xht">Chapter 14 -
|
||||
Privacy and Security Considerations</a></th>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue