diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-grid/reference/grid-template-areas-must-keep-named-columns-order-001-ref.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-grid/reference/grid-template-areas-must-keep-named-columns-order-001-ref.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-grid/reference/grid-template-areas-must-keep-named-columns-order-001-ref.html b/testing/web-platform/tests/css/css-grid/reference/grid-template-areas-must-keep-named-columns-order-001-ref.html new file mode 100644 index 0000000000..7ea26011b9 --- /dev/null +++ b/testing/web-platform/tests/css/css-grid/reference/grid-template-areas-must-keep-named-columns-order-001-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<style> +.grid { + display: inline-grid; + background: grey; + grid-template-columns: 50px 50px 50px 50px; + grid-template-rows: 50px 50px; +} +.grid > :nth-child(1) { background: magenta; } +.grid > :nth-child(2) { background: blue; } +.grid > :nth-child(3) { background: yellow; } +.grid > :nth-child(4) { background: green; } +.grid > :nth-child(5) { background: black; } +</style> +<p>This test passes if the black item is positioned in the first column of the second row, since the spec states that we must select the first one among several equally named grid lines.</p> +<div class="grid"> + <div style="grid-row: 1; grid-column: 1"></div> + <div style="grid-row: 1; grid-column: 2"></div> + <div style="grid-row: 1; grid-column: 3"></div> + <div style="grid-row: 1; grid-column: 4"></div> + <div style="grid-row: 2; grid-column: 1"></div> +</div> |