You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>The <aclass="property" data-link-type="propdesc" href="#propdef-grid-template-columns">grid-template-columns</a> property specifies the <adata-link-type="dfn" href="#track-list">track list</a> for the grid’s columns,
1962
-
while <aclass="property" data-link-type="propdesc" href="#propdef-grid-template-rows">grid-template-rows</a> specifies the <adata-link-type="dfn" href="#track-list">track list</a> for the grid’s rows.
1963
-
The syntax of a <adata-link-type="dfn" href="#track-list">track list</a> is:</p>
1962
+
while <aclass="property" data-link-type="propdesc" href="#propdef-grid-template-rows">grid-template-rows</a> specifies the <adata-link-type="dfn" href="#track-list">track list</a> for the grid’s rows.</p>
1963
+
1964
+
1965
+
<p>The <dfnclass="css" data-dfn-for="grid-template-rows grid-template-columns" data-dfn-type="value" data-export="" id="valdef-grid-template-rows-grid-template-columns-none">none<aclass="self-link" href="#valdef-grid-template-rows-grid-template-columns-none"></a></dfn> value indicates that there is no <adata-link-type="dfn" href="#explicit-grid">explicit grid</a>;
1966
+
any rows/columns will be implicitly generated,
1967
+
and their size will be determined by the <aclass="property" data-link-type="propdesc" href="#propdef-grid-auto-rows">grid-auto-rows</a> and <aclass="property" data-link-type="propdesc" href="#propdef-grid-auto-columns">grid-auto-columns</a> properties.</p>
1968
+
1969
+
1970
+
<p>The <dfnclass="css" data-dfn-for="grid-template-rows grid-template-columns" data-dfn-type="value" data-export="" id="valdef-grid-template-rows-grid-template-columns-subgrid">subgrid<aclass="self-link" href="#valdef-grid-template-rows-grid-template-columns-subgrid"></a></dfn> value indicates that the grid will align to its parent grid in that axis.
1971
+
Rather than specifying the sizes of rows/columns explicitly,
1972
+
they’ll be taken from the parent grid’s definition.</p>
1973
+
1974
+
1975
+
<p>The syntax of a <adata-link-type="dfn" href="#track-list">track list</a> is:</p>
<p>The <dfnclass="css" data-dfn-for="grid-template-rows grid-template-columns" data-dfn-type="value" data-export="" id="valdef-grid-template-rows-grid-template-columns-none">none<aclass="self-link" href="#valdef-grid-template-rows-grid-template-columns-none"></a></dfn> value indicates that there is no <adata-link-type="dfn" href="#explicit-grid">explicit grid</a>;
2042
-
any rows/columns will be implicitly generated,
2043
-
and their size will be determined by the <aclass="property" data-link-type="propdesc" href="#propdef-grid-auto-rows">grid-auto-rows</a> and <aclass="property" data-link-type="propdesc" href="#propdef-grid-auto-columns">grid-auto-columns</a> properties.</p>
2044
-
2045
-
2046
-
<p>The <dfnclass="css" data-dfn-for="grid-template-rows grid-template-columns" data-dfn-type="value" data-export="" id="valdef-grid-template-rows-grid-template-columns-subgrid">subgrid<aclass="self-link" href="#valdef-grid-template-rows-grid-template-columns-subgrid"></a></dfn> value indicates that the grid will align to its parent grid in that axis.
2047
-
Rather than specifying the sizes of rows/columns explicitly,
2048
-
they’ll be taken from the parent grid’s definition.</p>
2049
-
2050
2052
2051
2053
<divclass="example">
2052
2054
Given the following <aclass="property" data-link-type="propdesc" href="#propdef-grid-template-columns">grid-template-columns</a> declaration:
<p>If a <adata-link-type="dfn" href="#grid-container">grid container</a> that is <em>not</em> a <adata-link-type="dfn" href="#grid-item">grid item</a> uses the <aclass="css" data-link-type="maybe" href="#valdef-grid-template-rows-grid-template-columns-subgrid">subgrid</a> keyword,
2273
-
it <aclass="property" data-link-type="propdesc" href="#propdef-grid-template-rows">grid-template-rows</a>/<aclass="property" data-link-type="propdesc" href="#propdef-grid-template-columns">grid-template-columns</a> value is treated identically to <aclass="css" data-link-type="maybe" href="#valdef-grid-template-rows-grid-template-columns-none">none</a>
2274
+
<p>If a <adata-link-type="dfn" href="#grid-container">grid container</a> that is <em>not</em> a <adata-link-type="dfn" href="#grid-item">grid item</a> uses the <aclass="css" data-link-for="grid-template-rows" data-link-type="maybe" href="#valdef-grid-template-rows-grid-template-columns-subgrid">subgrid</a> keyword,
2275
+
it <aclass="property" data-link-type="propdesc" href="#propdef-grid-template-rows">grid-template-rows</a>/<aclass="property" data-link-type="propdesc" href="#propdef-grid-template-columns">grid-template-columns</a> value is treated identically to <aclass="css" data-link-for="grid-template-rows" data-link-type="maybe" href="#valdef-grid-template-rows-grid-template-columns-none">none</a>
2274
2276
(i.e. it doesn’t have an <adata-link-type="dfn" href="#explicit-grid">explicit grid</a> in that dimension).</p>
0 commit comments