mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue