Skip to content

Commit 33b5719

Browse files
committed
[css-grid] Editorial rearrangement of the grid-template-rows/cols value definitions.
1 parent 26fc907 commit 33b5719

1 file changed

Lines changed: 31 additions & 16 deletions

File tree

css-grid/Overview.bs

Lines changed: 31 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -996,26 +996,41 @@ Track Sizing: the 'grid-template-rows' and 'grid-template-columns' properties</h
996996
These properties specify,
997997
as a space-separated <dfn export>track list</dfn>,
998998
the line names and <a>track sizing functions</a> of the <a>grid</a>.
999-
Each <dfn lt="track sizing function|sizing function">track sizing function</dfn> can be specified as a length,
1000-
a percentage of the <a>grid container</a>’s size,
1001-
a measurement of the contents occupying the column or row,
1002-
or a fraction of the free space in the grid.
1003-
It can also be specified as a range using the ''minmax()'' notation,
1004-
which can combine any of the previously mentioned mechanisms
1005-
to specify separate <a lt="min track sizing function">min</a>
1006-
and <a>max track sizing functions</a> for the column or row.
1007-
1008999
The 'grid-template-columns' property specifies the <a>track list</a> for the grid's columns,
10091000
while 'grid-template-rows' specifies the <a>track list</a> for the grid's rows.
10101001

1011-
The <dfn value for="grid-template-rows, grid-template-columns">none</dfn> value indicates that there is no <a>explicit grid</a>;
1012-
any rows/columns will be implicitly generated,
1013-
and their size will be determined by the 'grid-auto-rows' and 'grid-auto-columns' properties.
1002+
Values have the following meanings:
1003+
1004+
<dl dfn-type="value" dfn-for="grid-template-rows, grid-template-columns">
1005+
<dt><dfn>none</dfn>
1006+
<dd>
1007+
This value indicates that there is no <a>explicit grid</a>;
1008+
any rows/columns will be <a href="#implicit-grids">implicitly generated</a>,
1009+
and their size will be determined by the 'grid-auto-rows' and 'grid-auto-columns' properties.
10141010

1015-
The <dfn value for="grid-template-rows, grid-template-columns">subgrid</dfn> value indicates that the grid will align to its parent grid in that axis.
1016-
Rather than specifying the sizes of rows/columns explicitly,
1017-
they'll be taken from the parent grid's definition.
1018-
See [[#subgrids]].
1011+
<dt><dfn id="track-listing"><<track-list>> | <<auto-track-list>></dfn>
1012+
<dd>
1013+
Specifies the <a>track list</a> as a series of <a>track sizing functions</a>
1014+
and line names.
1015+
Each <dfn dfn lt="track sizing function|sizing function">track sizing function</dfn> can be specified as a length,
1016+
a percentage of the <a>grid container</a>’s size,
1017+
a measurement of the contents occupying the column or row,
1018+
or a fraction of the free space in the grid.
1019+
It can also be specified as a range using the ''minmax()'' notation,
1020+
which can combine any of the previously mentioned mechanisms
1021+
to specify separate <a lt="min track sizing function">min</a>
1022+
and <a>max track sizing functions</a> for the column or row.
1023+
1024+
<dt><dfn id="subgrid-listing">subgrid <<line-name-list>></dfn>
1025+
<dd>
1026+
The <dfn value for="grid-template-rows, grid-template-columns">subgrid</dfn> value
1027+
indicates that the grid will adopt the spanned portion of its parent grid in that axis.
1028+
Rather than being specified explicitly, the sizes of the grid rows/columns
1029+
will be taken from the parent grid's definition.
1030+
See [[#subgrids]].
1031+
1032+
The <<line-name-list>> argument allows local naming of the grid lines propagated from the parent grid.
1033+
</dl>
10191034

10201035
The syntax of a <a>track list</a> is:
10211036

0 commit comments

Comments
 (0)