@@ -426,14 +426,58 @@ Masonry Track Specification</h3>
426426<span class="option masonry">Grid-independent Option:</span> Declaring Masonry Track Templates: the 'masonry-template-*' properties</h3>
427427
428428 Tracks in the [=grid axis=] of a [=masonry container=]
429- are established with the
430- <dfn property>masonry-template-tracks</dfn>
431- and <dfn property>masonry-template-areas</dfn> properties,
432- whose syntax and interpretation are analogous to the
433- 'grid-template-columns' and 'grid-template-areas' properties.
429+ are established with 'masonry-template-tracks' ,
430+ 'masonry-template-areas' ,
431+ and 'masonry-auto-tracks' .
432+
433+ <pre class=propdef>
434+ Name : masonry-template-tracks
435+ Value : <<'grid-template-columns'>>
436+ Initial : repeat(auto-areas, auto)
437+ Applies to : [=masonry containers=]
438+ Inherited : no
439+ Percentages : refer to correspodning dimension of the content area
440+ Computed value : by computed value type per item in the [=computed track list=]
441+ Animation type : if list lengths match, by [=computed value=] type; otherwise, discrete
442+ </pre>
443+
444+ 'masonry-template-tracks' has the same syntax and interpretation as 'grid-template-columns' ,
445+ but a different initial value.
446+
447+ (Instead of defaulting to no tracks, as in Grid Layout,
448+ it defaults to matching 'masonry-template-areas' , if possible,
449+ or otherwise filling the [=masonry container=]
450+ with as many ''grid-template-columns/auto'' tracks as possible.)
451+
452+ <pre class=propdef>
453+ Name : masonry-template-areas
454+ Value : none | <<string>>
455+ Initial : none
456+ Applies to : [=masonry containers=]
457+ Inherited : no
458+ Percentages : n/a
459+ Computed Value : the keyword ''masonry-template-values/none'' or a string
460+ Canonical Order : per grammar
461+ Animation type : discrete
462+ </pre>
463+
464+ 'masonry-template-areas' has the same syntax and interpretation as 'grid-template-areas' ,
465+ except it only takes a single string defining one "row" of area names.
466+
467+ <pre class=propdef>
468+ Name : masonry-auto-tracks
469+ Value : <<'grid-auto-columns'>>
470+ Initial : auto
471+ Applies to : grid containers
472+ Inherited : no
473+ Percentages : refer to correspodning dimension of the content area
474+ Computed value : a [=computed track list=]
475+ Canonical order : per grammar
476+ Animation type : if the list lengths match, by computed value type per item; discrete otherwise
477+ </pre>
478+
479+ 'masonry-auto-tracks' has the same syntax and interpretation as 'grid-auto-columns' .
434480
435- ISSUE: Should there be a <css> masonry-auto-tracks</css> property,
436- analogous to 'grid-auto-columns' ?
437481</section>
438482
439483<h3 id="subgrids">
0 commit comments