Skip to content

Commit bae5afe

Browse files
committed
[css-grid-1] Clarify that grid-auto-rows/columns size explicit tracks created by grid-template-areas but not sized by grid-template-rows/columns. #4914
1 parent 9edb871 commit bae5afe

File tree

1 file changed

+14
-10
lines changed

1 file changed

+14
-10
lines changed

css-grid-1/Overview.bs

+14-10
Original file line numberDiff line numberDiff line change
@@ -2298,7 +2298,9 @@ The Implicit Grid</h3>
22982298
<dfn export lt="implicit grid track|implicit grid row|implicit grid column">implicit grid tracks</dfn>
22992299
by adding <dfn>implicit grid lines</dfn> to the <a>grid</a>.
23002300
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'
23022304

23032305
The 'grid-auto-flow' property controls auto-placement of <a>grid items</a>
23042306
without an explicit position.
@@ -2335,20 +2337,22 @@ Implicit Track Sizing: the 'grid-auto-rows' and 'grid-auto-columns' properties</
23352337
Animation type: by computed value type
23362338
</pre>
23372339

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'.
23452343
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
23482346
receives the first specified size, and so on forwards;
23492347
and the last <a>implicit grid track</a> before the <a>explicit grid</a>
23502348
receives the last specified size, and so on backwards.
23512349

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+
23522356
<div class="example">
23532357
<pre class="lang-html">
23542358
&lt;style>

0 commit comments

Comments
 (0)