column-property-should-not-apply-on-grid-container-001.html (886B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS Grid: column-* properties are ignored.</title> 4 <link rel="author" title="Sunil Ratnu" href="mailto:sunil.ratnu@samsung.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-model"> 6 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/1364"> 7 <link rel="match" href="reference/column-property-should-not-apply-on-grid-container-001-ref.html"> 8 <meta name="assert" content="This test ensures the column-* properties (in the Multicol module) have no effect on a grid container."/> 9 <link href="/css/support/grid.css" rel="stylesheet"/> 10 <style> 11 .grid, .inline-grid 12 { 13 width: 20em; 14 column-count: 2; 15 column-gap: 100px; 16 font-kerning: none; 17 } 18 </style> 19 20 <body> 21 22 <div class='grid'> 23 AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD 24 </div> 25 26 <div class='inline-grid'> 27 AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD 28 </div> 29 30 </body> 31 </html>