@@ -1200,17 +1200,18 @@ Explicit Track Sizing: the 'grid-template-rows' and 'grid-template-columns' prop
12001200
12011201 The syntax of a <a>track list</a> is:
12021202
1203- <pre>
1204- <dfn><track-list></dfn> = [ <<line-names>>? [ <<track-size>> | <<track-repeat>> ] ]+ <<line-names>> ?
1205- <dfn><auto-track-list></dfn> = [ <<line-names>>? [ <<fixed-size>> | <<fixed-repeat>> ] ]* <<line-names>> ? <<auto-repeat>>
1206- [ <<line-names>>? [ <<fixed-size>> | <<fixed-repeat>> ] ]* <<line-names>> ?
1207-
1208- <dfn><track-size></dfn> = <<track-breadth>> | minmax( <<inflexible-breadth>> , <<track-breadth>> ) | fit-content( [ <<length>> | <<percentage>> ] )
1209- <dfn><fixed-size></dfn> = <<fixed-breadth>> | minmax( <<fixed-breadth>> , <<track-breadth>> ) | minmax( <<inflexible-breadth>> , <<fixed-breadth>> )
1210- <dfn><track-breadth></dfn> = <<length>> | <<percentage>> | <<flex>> | min-content | max-content | auto
1211- <dfn><inflexible-breadth></dfn> = <<length>> | <<percentage>> | min-content | max-content | auto
1212- <dfn><fixed-breadth></dfn> = <<length>> | <<percentage>>
1213- <dfn><line-names></dfn> = '[' <<custom-ident>> * ']'
1203+ <pre class=prod>
1204+ <dfn><track-list></dfn> = [ <<line-names>> ? [ <<track-size>> | <<track-repeat>> ] ]+ <<line-names>> ?
1205+ <dfn><auto-track-list></dfn> = [ <<line-names>> ? [ <<fixed-size>> | <<fixed-repeat>> ] ]* <<line-names>> ? <<auto-repeat>>
1206+ [ <<line-names>> ? [ <<fixed-size>> | <<fixed-repeat>> ] ]* <<line-names>> ?
1207+ <dfn><explicit-track-list></dfn> = [ <<line-names>> ? <<track-size>> ]+ <<line-names>> ?
1208+
1209+ <dfn><track-size></dfn> = <<track-breadth>> | minmax( <<inflexible-breadth>> , <<track-breadth>> ) | fit-content( [ <<length>> | <<percentage>> ] )
1210+ <dfn><fixed-size></dfn> = <<fixed-breadth>> | minmax( <<fixed-breadth>> , <<track-breadth>> ) | minmax( <<inflexible-breadth>> , <<fixed-breadth>> )
1211+ <dfn><track-breadth></dfn> = <<length>> | <<percentage>> | <<flex>> | min-content | max-content | auto
1212+ <dfn><inflexible-breadth></dfn> = <<length>> | <<percentage>> | min-content | max-content | auto
1213+ <dfn><fixed-breadth></dfn> = <<length>> | <<percentage>>
1214+ <dfn><line-names></dfn> = '[' <<custom-ident>> * ']'
12141215 </pre>
12151216
12161217 Where:
@@ -1752,7 +1753,7 @@ Explicit Grid Shorthand: the 'grid-template' property</h3>
17521753 Name : grid-template
17531754 Value : none |
17541755 Value : <nobr>[ <<'grid-template-rows'>> / <<'grid-template-columns'>> ]</nobr> |
1755- Value : <nobr>[ <<line-names>>? <<string>> <<track-size>>? <<line-names>>? ]+ [ / <<track-list>> ]?</nobr>
1756+ Value : <nobr>[ <<line-names>>? <<string>> <<track-size>>? <<line-names>>? ]+ [ / <<explicit- track-list>> ]?</nobr>
17561757 Initial : see individual properties
17571758 Applies to : <a>grid containers</a>
17581759 Inherited : see individual properties
@@ -1787,7 +1788,7 @@ Explicit Grid Shorthand: the 'grid-template' property</h3>
17871788 </pre>
17881789 </div>
17891790
1790- <dt> <dfn id='grid-template-ascii'>[ <<line-names>>? <<string>> <<track-size>>? <<line-names>>? ]+ [ / <<track-list>> ]?</dfn>
1791+ <dt> <dfn id='grid-template-ascii'>[ <<line-names>>? <<string>> <<track-size>>? <<line-names>>? ]+ [ / <<explicit- track-list>> ]?</dfn>
17911792 <dd>
17921793 * Sets 'grid-template-areas' to the strings listed.
17931794 * Sets 'grid-template-rows' to the <<track-size>> s following each string
@@ -1835,6 +1836,9 @@ Explicit Grid Shorthand: the 'grid-template' property</h3>
18351836 </figcaption>
18361837 </figure>
18371838 </div>
1839+
1840+ Note: Note that the ''repeat()'' function isn't allowed in these track listings,
1841+ as the tracks are intended to visually line up one-to-one with the rows/columns in the “ASCII art”.
18381842 </dl>
18391843
18401844 Note: The 'grid' shorthand accepts the same syntax,
0 commit comments