@@ -2298,7 +2298,9 @@ The Implicit Grid</h3>
2298
2298
<dfn export lt="implicit grid track|implicit grid row|implicit grid column">implicit grid tracks</dfn>
2299
2299
by adding <dfn>implicit grid lines</dfn> to the <a>grid</a> .
2300
2300
These lines together with the <a>explicit grid</a> form the <dfn export local-lt="implicit">implicit grid</dfn> .
2301
- The 'grid-auto-rows' and 'grid-auto-columns' properties size these <a>implicit grid tracks</a> .
2301
+ The 'grid-auto-rows' and 'grid-auto-columns' properties size these [=implicit grid tracks=] ,
2302
+ as well as any [=explicit grid tracks=] created by 'grid-template-areas'
2303
+ but not explicitly sized by 'grid-template-rows' or 'grid-template-columns'
2302
2304
2303
2305
The 'grid-auto-flow' property controls auto-placement of <a>grid items</a>
2304
2306
without an explicit position.
@@ -2335,20 +2337,22 @@ Implicit Track Sizing: the 'grid-auto-rows' and 'grid-auto-columns' properties</
2335
2337
Animation type : by computed value type
2336
2338
</pre>
2337
2339
2338
- If a grid item is positioned into a row or column that is not explicitly sized
2339
- by 'grid-template-rows' or 'grid-template-columns' ,
2340
- <a>implicit grid tracks</a> are created to hold it.
2341
- This can happen either by explicitly positioning into a row or column that is out of range,
2342
- or by the <a>auto-placement algorithm</a> creating additional rows or columns.
2343
- The 'grid-auto-columns' and 'grid-auto-rows' properties specify the size of such implicitly-created tracks.
2344
-
2340
+ The 'grid-auto-columns' and 'grid-auto-rows' properties specify
2341
+ the size of tracks not assigned a size
2342
+ by 'grid-template-rows' or 'grid-template-columns' .
2345
2343
If multiple track sizes are given, the pattern is repeated as necessary
2346
- to find the size of the implicit tracks.
2347
- The first <a>implicit grid track</a> after the <a>explicit grid</a>
2344
+ to find the size of the affected tracks.
2345
+ The first track after the last explicitly-sized track
2348
2346
receives the first specified size, and so on forwards;
2349
2347
and the last <a>implicit grid track</a> before the <a>explicit grid</a>
2350
2348
receives the last specified size, and so on backwards.
2351
2349
2350
+ Note: If a grid item is positioned into a row or column that is not explicitly declared
2351
+ by 'grid-template-rows' /'grid-template-columns' and/or 'grid-template-areas' ,
2352
+ [=implicit grid tracks=] are created to hold it.
2353
+ This can happen either by explicitly positioning into a row or column that is out of range,
2354
+ or by the [=auto-placement algorithm=] creating additional rows or columns.
2355
+
2352
2356
<div class="example">
2353
2357
<pre class="lang-html">
2354
2358
<style>
0 commit comments