line-names-009.html (2448B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>CSS Grid Test: subgrid line names are not inherited to a non-subgridded axis</title> 9 <link rel="author" title="Kurt Catti-Schmidt" href="mailto:kschmi@microsoft.com"> 10 <link rel="help" href="https://drafts.csswg.org/css-grid-2"> 11 <link rel="match" href="line-names-009-ref.html"> 12 <style> 13 html,body { 14 color:black; background-color:white; font:12px/1 monospace; padding:0; margin:0; 15 } 16 17 div > div { background: grey; grid-column:2 / span 2; } 18 19 i { 20 grid-row: 1; 21 counter-increment: i; 22 } 23 i::before { content: counter(i, decimal); } 24 25 x { background: silver; } 26 </style> 27 </head> 28 <body> 29 30 <div style="display:grid;"> 31 <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i> 32 <div style="display:grid; grid:auto/subgrid [a][b][c][d][e]; grid-column:2 / 9;"> 33 <div style="display:grid; grid:subgrid/auto; grid-column:1 / 4;"> 34 <x style="grid-column:c">x</x> 35 </div> 36 </div> 37 </div> 38 39 <div style="display:grid;"> 40 <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i> 41 <div style="display:grid; grid:auto/subgrid [a][b][c][d][e]; grid-column:2 / 9;"> 42 <div style="display:grid; grid:subgrid/auto; grid-column:c / 4;"> 43 <x style="grid-column:span c">x</x> 44 </div> 45 </div> 46 </div> 47 48 <div style="display:grid;"> 49 <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i> 50 <div style="display:grid; grid:auto/subgrid [a][b][c][c][c]; grid-column:2 / 9;"> 51 <div style="display:grid; grid:subgrid/auto; grid-column:c 2 / 4;"> 52 <x style="grid-column:c 2">x</x> 53 </div> 54 </div> 55 </div> 56 57 <div style="display:grid;"> 58 <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i> 59 <div style="display:grid; grid:auto/subgrid [a][b][c][c][c]; grid-column:2 / 9;"> 60 <div style="display:grid; grid:subgrid/auto; grid-column:c 2 / 4;"> 61 <x style="grid-column:span c 2">x</x> 62 </div> 63 </div> 64 </div> 65 66 <div style="display:grid;"> 67 <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i> 68 <div style="display:grid; grid:auto/subgrid [a][b][c][c][c]; grid-column:2 / 9;"> 69 <div style="display:grid; grid:subgrid/auto; grid-column:c-1 / c 3;"> 70 <x style="grid-column:span c">x</x> 71 </div> 72 </div> 73 </div> 74 75 </body> 76 </html>