|
+
3.1 Establishing Grid Containers: the grid and inline-grid 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-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-float-001 |
= |
|
'float' has no effect on grid items
|
|
grid-inline-float-001 |
= |
|
'float' has no effect on grid items within an inline grid
|
|
grid-inline-vertical-align-001 |
= |
Ahem |
'vertical-align' has no effect on grid items within an inline grid
|
|
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
|