| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <head> |
| 4 <title>CSS Grid Layout Test: Minimum size of grid items</title> |
| 5 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igal
ia.com" /> |
| 6 <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" t
itle="6.5. Implied Minimum Size of Grid Items" /> |
| 7 <link rel="match" href="../../css21/reference/ref-filled-green-100px-squ
are.xht" /> |
| 8 <meta name="flags" content="image" /> |
| 9 <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)." /> |
| 10 <style type="text/css"><![CDATA[ |
| 11 #reference-overlapped-red { |
| 12 position: absolute; |
| 13 background-color: red; |
| 14 width: 100px; |
| 15 height: 100px; |
| 16 z-index: -1; |
| 17 } |
| 18 |
| 19 #constrained-grid { |
| 20 display: grid; |
| 21 grid: 10px / 10px; |
| 22 } |
| 23 |
| 24 #test-grid-item-overlapping-green { |
| 25 height: 100px; |
| 26 } |
| 27 ]]></style> |
| 28 </head> |
| 29 <body> |
| 30 <p>Test passes if there is a filled green square and <strong>no red</str
ong>.</p> |
| 31 |
| 32 <div id="reference-overlapped-red"></div> |
| 33 <div id="constrained-grid"> |
| 34 <img id="test-grid-item-overlapping-green" src="support/100x50-green
.png" alt="Image download support must be enabled" /> |
| 35 </div> |
| 36 |
| 37 </body> |
| 38 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2670473003:
[css-grid] Import W3C Test Suite (Closed)
