|
50 | 50 | <h1>CSS Grid Template Layout Module</h1> |
51 | 51 | <!--=================================================================--> |
52 | 52 | <h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft |
53 | | - 29 February 2012</h2> |
| 53 | + 1 March 2012</h2> |
54 | 54 |
|
55 | 55 | <dl> |
56 | 56 | <dt>This version: |
57 | 57 |
|
58 | 58 | <dd><a |
59 | | - href="http://www.w3.org/TR/2012/ED-css3-layout-20120229/">http://www.w3.org/TR/2012/ED-css3-layout-20120229/</a> |
| 59 | + href="http://www.w3.org/TR/2012/ED-css3-layout-20120301/">http://www.w3.org/TR/2012/ED-css3-layout-20120301/</a> |
60 | 60 |
|
61 | 61 |
|
62 | 62 | <dt>Latest version: |
@@ -1058,6 +1058,9 @@ <h2 id=declaring-templates><span class=secno>2. </span>Declaring templates</h2> |
1058 | 1058 | class=property>grid-rows</code></a>’ or the number of rows in |
1059 | 1059 | ‘<a href="#grid-template0"><code |
1060 | 1060 | class=property>grid-template</code></a>’, whichever is larger. |
| 1061 | + |
| 1062 | + <p class=note>Note that a grid element always has at least one row and one |
| 1063 | + column. Those may, however, have zero size. |
1061 | 1064 | <!--=================================================================--> |
1062 | 1065 |
|
1063 | 1066 | <h3 id=grid-template><span class=secno>2.1. </span> Declaring a template: |
@@ -1586,14 +1589,40 @@ <h3 id=grid-shorthand><span class=secno>2.4. </span> The ‘<a |
1586 | 1589 | href="#grid-rows"><code class=property>grid-rows</code></a>’ |
1587 | 1590 | property. |
1588 | 1591 | </div> |
| 1592 | + |
| 1593 | + <div class=issue> |
| 1594 | + <p>Does it look better with the column sizes first instead of last? There |
| 1595 | + would be no need for a slash: |
| 1596 | + |
| 1597 | + <blockquote> |
| 1598 | + <p>none | <a href="#ltcol-widthgt"><var><col-width></var></a>* [ <a |
| 1599 | + href="#ltstringgt"><var><string></var></a> <a |
| 1600 | + href="#ltrow-heightgt"><var><row-height></var></a>? ]+ |
| 1601 | + </blockquote> |
| 1602 | + |
| 1603 | + <p>E.g.: |
| 1604 | + |
| 1605 | + <pre> |
| 1606 | +grid: 5em 1em * 1em 10em |
| 1607 | + "a . b . c" 2em |
| 1608 | + ". . . . ." 1em |
| 1609 | + "d . e . f" |
| 1610 | + ". . . . ." 1em |
| 1611 | + "g . h . i" 2em |
| 1612 | +</pre> |
| 1613 | + </div> |
1589 | 1614 | <!--=================================================================--> |
1590 | 1615 |
|
1591 | 1616 | <h3 id=default><span class=secno>2.5. </span>Default slots</h3> |
1592 | 1617 |
|
1593 | 1618 | <p>Every <a href="#grid-element.">grid element</a> has a <dfn |
1594 | 1619 | id=default-slot.>default slot.</dfn> If there is an asterisk (“*”) in |
1595 | 1620 | the template, then that slot is the default. If there is no asterisk, then |
1596 | | - the first letter in the template defines the default slot. |
| 1621 | + the first letter in the template defines the default slot. If there is no |
| 1622 | + letter either, then… |
| 1623 | + |
| 1624 | + <p class=issue>… define where a grid element's content goes if it |
| 1625 | + doesn't have any slots at all. |
1597 | 1626 |
|
1598 | 1627 | <div class=example> |
1599 | 1628 | <p>For example, if the template is defined by ‘<code |
|
0 commit comments