diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-align/gaps/gap-normal-used-001.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-align/gaps/gap-normal-used-001.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-align/gaps/gap-normal-used-001.html b/testing/web-platform/tests/css/css-align/gaps/gap-normal-used-001.html new file mode 100644 index 0000000000..3d7ab10b8c --- /dev/null +++ b/testing/web-platform/tests/css/css-align/gaps/gap-normal-used-001.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Box Alignment Test: used value of *-gap:normal on grid</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<link rel="help" href="https://www.w3.org/TR/css-align-3/#column-row-gap"> +<meta assert="The used value of row-gap and column-gap normal for grids is 0"> +<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" /> +<style> +#grid { + colum-gap: normal; + row-gap: normal; + display: grid; + grid-template-columns: 50px 50px; + grid-template-rows: 50px 50px; + + position: absolute; +} +#grid * { background: green; } +#red { + width: 100px; + height: 100px; + background: red; +} +</style> + +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + +<div id=grid><span></span><span></span><span></span><span></span></div> +<div id=red></div> |