|
+
5.1 Establishing Grid Containers: the grid, inline-grid, and subgrid display values |
|---|
|
display-grid |
= |
|
CSS Grid Layout: display: grid
- 'display: grid' causes an element to generate a block-level grid container box.
|
|
display-inline-grid |
= |
|
CSS Grid Layout: display: inline-grid
- 'display: inline-grid' causes an element to generate an inline-level grid container box.
|
|
grid-computed-value-display-floated-items-001 |
|
DOM/JSScript |
'float' affects to the computed value of 'display' on grid items
|
|
grid-display-grid-001 |
= |
Ahem |
'grid' value for 'display' property
- This test checks that 'grid' value for 'display' property generates a block level containing box.
|
|
grid-display-inline-grid-001 |
= |
|
'inline-grid' value for 'display' property
- This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.
|
|
grid-first-letter-001 |
= |
|
'::first-letter' from grid container does not apply to grid items
- This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.
|
|
grid-first-letter-002 |
= |
|
'::first-letter' from grid container ancestors does not apply to grid items
- This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.
|
|
grid-first-letter-003 |
= |
|
'::first-letter' works on grid items
- This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.
|
|
grid-first-line-001 |
= |
|
'::first-line' from grid container does not apply to grid items
- This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.
|
|
grid-first-line-002 |
= |
|
'::first-line' from grid container ancestors does not apply to grid items
- This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.
|
|
grid-first-line-003 |
= |
|
'::first-line' works on grid items
- This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.
|
|
grid-float-001 |
= |
|
'float' has no effect on grid items
|
|
grid-floats-no-intrude-001 |
= |
|
floats do not intrude into a grid
|
|
grid-inline-first-letter-001 |
= |
|
'::first-letter' from inline grid container does not apply to grid items
- This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.
|
|
grid-inline-first-letter-002 |
= |
|
'::first-letter' from inline grid container ancestors does not apply to grid items
- This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.
|
|
grid-inline-first-letter-003 |
= |
|
'::first-letter' works on grid items within an inline grid
- This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.
|
|
grid-inline-first-line-001 |
= |
|
'::first-line' from inline grid container does not apply to grid items
- This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.
|
|
grid-inline-first-line-002 |
= |
|
'::first-line' from inline grid container ancestors does not apply to grid items
- This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.
|
|
grid-inline-first-line-003 |
= |
|
'::first-line' works on grid items within an inline grid
- This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.
|
|
grid-inline-float-001 |
= |
|
'float' has no effect on grid items within an inline grid
|
|
grid-inline-floats-no-intrude-001 |
= |
|
floats do not intrude into an inline grid
|
|
grid-inline-margins-no-collapse-001 |
= |
|
inline grid's margins do not collapse
- This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).
|
|
grid-inline-multicol-001 |
= |
|
'column-*' properties from inline grid container does not apply to grid items
- This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.
|
|
grid-inline-vertical-align-001 |
= |
Ahem |
'vertical-align' has no effect on grid items within an inline grid
|
|
grid-margins-no-collapse-001 |
= |
|
grid's margins do not collapse
- This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).
|
|
grid-multicol-001 |
= |
|
'column-*' properties from grid container does not apply to grid items
- This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.
|
|
grid-support-display-001 |
|
DOM/JSScript |
DOM support for 'grid' and 'inline-grid' 'display' values
- This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.
|
|
grid-vertical-align-001 |
= |
Ahem |
'vertical-align' has no effect on grid items
|