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
Abstract: This CSS module defines a two-dimensional grid-based layout system, optimized for user interface design. In the grid layout model, the children of a grid container can be positioned into arbitrary slots in a flexible or fixed predefined layout grid.
that divides the <adata-link-type=dfnhref=#grid-containertitle="grid container">grid container</a>’s space into <adata-link-type=dfnhref=#grid-areatitle="grid areas">grid areas</a>,
547
547
into which <adata-link-type=dfnhref=#grid-itemtitle="grid items">grid items</a> (representing the <adata-link-type=dfnhref=#grid-containertitle="grid container">grid container</a>’s content) can be placed.
548
548
There are two sets of <adata-link-type=dfnhref=#grid-linetitle="grid lines">grid lines</a>:
549
-
one set defining <dfndata-dfn-type=dfndata-export="" id=grid-columntitle="grid column | column">columns<aclass=self-linkhref=#grid-column></a></dfn>
549
+
one set defining <dfndata-dfn-type=dfndata-export="" id=grid-column-title="grid column | column">columns<aclass=self-linkhref=#grid-column-></a></dfn>
550
550
that run along the <ahref=http://www.w3.org/TR/css3-writing-modes/#block-axis->block axis</a> (the <dfndata-dfn-type=dfndata-export="" id=column-axis>column axis<aclass=self-linkhref=#column-axis></a></dfn>),
551
-
and an orthogonal set defining <dfndata-dfn-type=dfndata-export="" id=grid-rowtitle="grid row | row">rows<aclass=self-linkhref=#grid-row></a></dfn>
551
+
and an orthogonal set defining <dfndata-dfn-type=dfndata-export="" id=grid-row-title="grid row | row">rows<aclass=self-linkhref=#grid-row-></a></dfn>
552
552
along the <ahref=http://www.w3.org/TR/css3-writing-modes/#inline-axis->inline axis</a> (the <dfndata-dfn-type=dfndata-export="" id=row-axis>row axis<aclass=self-linkhref=#row-axis></a></dfn>).
Grid Tracks and Cells</span><aclass=self-linkhref=#grid-track-concept></a></h3>
564
564
565
-
<p><dfndata-dfn-type=dfndata-export="" id=grid-track>Grid track<aclass=self-linkhref=#grid-track></a></dfn> is a generic term for a <adata-link-type=dfnhref=#grid-columntitle="grid column">grid column</a> or <adata-link-type=dfnhref=#grid-rowtitle="grid row">grid row</a>—in
565
+
<p><dfndata-dfn-type=dfndata-export="" id=grid-track>Grid track<aclass=self-linkhref=#grid-track></a></dfn> is a generic term for a <adata-link-type=dfnhref=#grid-column-title="grid column">grid column</a> or <adata-link-type=dfnhref=#grid-row-title="grid row">grid row</a>—in
566
566
other words, it is the space between two adjacent <adata-link-type=dfnhref=#grid-linetitle="grid lines">grid lines</a>.
567
567
Each <adata-link-type=dfnhref=#grid-tracktitle="grid track">grid track</a> is assigned a sizing function,
568
568
which controls how wide or tall the column or row may grow,
<li>Rewrote grid layout algorithm. This should be mostly editorial.
2948
+
<li>Removed <aclass=propertydata-link-type=propdesctitle=grid-auto-position>grid-auto-position</a> and <aclass=cssdata-link-type=propdeschref=#propdef-grid-auto-flowtitle=grid-auto-flow>grid-auto-flow: none</a>, added <aclass=cssdata-link-type=propdeschref=#propdef-grid-auto-flowtitle=grid-auto-flow>grid-auto-flow: stack</a>.
2949
+
<li>Depluralized <aclass=cssdata-link-type=propdeschref=#propdef-grid-auto-flowtitle=grid-auto-flow>grid-auto-flow: rows | columns</a> to match <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-flexbox-1/#propdef-flex-flowtitle=flex-flow>flex-flow</a>.
2950
+
<li>Tightened up parsing of template syntax.
2951
+
<li>Various property grammar fixes, computed value fixes, and general clarifications.
0 commit comments