11<h1>CSS Grid Layout Module Level 1</h1>
22
33<pre class='metadata'>
4- Status : ED
5- Date : 2015-08-06
6- Work Status : Revising
4+ Status : WD
5+ Date : 2015-09-17
6+ Work Status : Refining
77Shortname : css-grid
88Level : 1
99Group : csswg
1010ED : http://dev.w3.org/csswg/css-grid/
1111TR : http://www.w3.org/TR/css-grid-1/
12+ Previous version : http://www.w3.org/TR/2015/WD-css-grid-1-20150806/
13+ Previous version : http://www.w3.org/TR/2015/WD-css-grid-1-20150317/
1214Previous version : http://www.w3.org/TR/2014/WD-css-grid-1-20140513/
1315Previous version : http://www.w3.org/TR/2014/WD-css-grid-1-20140123/
1416Previous version : http://www.w3.org/TR/2013/WD-css3-grid-layout-20130402/
@@ -18,7 +20,7 @@ Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.n
1820Editor : Rossen Atanassov, Microsoft, ratan@microsoft.com
1921Former editor : Alex Mogilevsky, Microsoft Corporation, alexmog@microsoft.com
2022Former editor : Phil Cupp, Microsoft Corporation, pcupp@microsoft.com
21- !Issues list : <a href="https ://www .w3.org/Bugs/Public/buglist.cgi?product=CSS&component=Grid+Layout&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED">In Bugzilla</a>
23+ Issue Tracking : Disposition of Comments http ://dev .w3.org/csswg/css-grid-1/issues
2224Abstract : 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.
2325Ignored Terms : containing block, <positive-integer>, <ident>, auto, grid-*-start, grid-*-end, flex factor, flex factors, block formatting context, grid-auto-position, min size property, max size property
2426Link Defaults : css21 (property) margin/min-height/max-height/min-width/max-width, css-align-3 (dfn) alignment container/alignment subject/box alignment properties, css-align-3 (value) stretch/baseline, css-position-3 (property) left, css-position-3 (property) position, css-writing-modes-3 (dfn) start/end
@@ -1168,9 +1170,9 @@ Repeating Rows and Columns: the ''repeat()'' notation</h4>
11681170 has several forms:
11691171
11701172 <pre class='prod'>
1171- <dfn><<track-repeat>></dfn> = repeat( <<positive-integer>> , [ <<line-names>> ? <<track-size>> ]+ <<line-names>> ? )
1173+ <dfn><<track-repeat>></dfn> = repeat( [ <<positive-integer>> ] , [ <<line-names>> ? <<track-size>> ]+ <<line-names>> ? )
11721174 <dfn><<auto-repeat>></dfn> = repeat( [ auto-fill | auto-fit ], <<line-names>> ? <<fixed-size>> <<line-names>> ? )
1173- <dfn><<fixed-repeat>></dfn> = repeat( <<positive-integer>> , [ <<line-names>> ? <<fixed-size>> ]+ <<line-names>> ? )
1175+ <dfn><<fixed-repeat>></dfn> = repeat( [ <<positive-integer>> ] , [ <<line-names>> ? <<fixed-size>> ]+ <<line-names>> ? )
11741176 <dfn><<name-repeat>></dfn> = repeat( [ <<positive-integer>> | auto-fill ], <<line-names>> +)
11751177 </pre>
11761178
@@ -3721,31 +3723,9 @@ Changes</h2>
37213723 * Added information on the speech and navigation impact of reordering with grid placement or 'order'
37223724 vs. reordering the underlying source.
37233725
3724- The following significant changes were made since the
3725- <a href=http://www.w3.org/TR/2015/WD-css-grid-1-20150317/>17 March 2015 Working Draft</a> .
3726-
3727- * Defined <css> row-gap</css> /<css> column-gap</css> properties and 'grid-gap' shorthand to provide gutters.
3728- * A <a>subgrid</a> now only ignores width/height/alignment constraints in the subgridded dimension(s).
3729- * Made ''repeat(auto)'' pay attention to max size when it's definite, too.
3730- * Per WG resolution, switched to using square brackets for <<line-names>> , rather than parentheses.
3731- * Per WG resolution, made a <em> sequence</em> of "." characters a single <a>null cell token</a> ,
3732- so authors can match the number of dots to the width of the column.
3733- * Applied 'min-width' /'min-height' ''min-width/auto'' behavior to grid items,
3734- redefined what ''grid-template-rows/auto'' means as a track size.
3735- * Defined absolutely-positioned grid item placement error cases.
3736- * Changed grid placement conflict handling to swap mis-assigned lines
3737- instead of ignoring the end value.
3738- * Use placement to find static position when grid item is both parent and containing block.
3739- * Make ''repeat(auto)'' honor 'max-width' /'max-height' .
3740- * Specify that only ''grid-template-rows/auto'' -sized tracks are stretched by ''justify-content/stretch'' .
3741- * Defined <a>grid formatting context</a> .
3742- * Defined that grid containers don't provide a <a>first formatted line</a> .
3743- * Defined that grid containers always have at least one grid line,
3744- to give placement a starting point.
3745- * Clarified the term <a>implicit grid</a> and defined <a>implicit grid line</a>
3746- * Miscellaneous small fixes and clarifications.
3747-
3748- A <a href="http://dev.w3.org/csswg/css-grid-1/issues-wd-20150108">Disposition of Comments</a> is available.
3726+ A partial <a href="http://dev.w3.org/csswg/css-grid-1/issues-wd-20150805">Disposition of Comments</a> is available.
3727+
3728+ See also <a href="http://www.w3.org/TR/2015/WD-css-grid-1-20150806/#changes">previous changes</a> .
37493729
37503730<h2 class="no-num" id="translated-algo">
37513731Appendix A: Translated Layout Algorithm</h2>
0 commit comments