Generated. Do not edit!

Author: bert-github

css3-layout/Overview.html

@@ -36,13 +36,13 @@
    <h1>CSS Grid Template Layout Module</h1>
    <!--=================================================================-->
    <h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft
-    16 May 2012</h2>
+    23 May 2012</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2012/ED-css3-layout-20120516/">http://www.w3.org/TR/2012/ED-css3-layout-20120516/</a>
+     href="http://www.w3.org/TR/2012/ED-css3-layout-20120523/">http://www.w3.org/TR/2012/ED-css3-layout-20120523/</a>
 
 
     <dt>Latest version:
@@ -548,12 +548,12 @@ <h3 id=summary-and-examples><span class=secno>1.1. </span>Summary and
     “zunflower” design</a> of the CSS Zen Garden could be done:
 
    <pre>
-#container {grid: "abc"}
-#container::slot(a) {box-shadow: 0.5em 0.5em 0.5em; z-index: 1}
-#container::slot(b) {box-shadow: 0.5em 0.5em 0.5em; margin-left: -2em}
-#intro {flow: a}
-#supportingText {flow: b}
-#linkList {flow: c}
+#container {grid: "ABC"}
+#container::slot(A) {box-shadow: 0.5em 0.5em 0.5em; z-index: 1}
+#container::slot(B) {box-shadow: 0.5em 0.5em 0.5em; margin-left: -2em}
+#intro {flow: A}
+#supportingText {flow: B}
+#linkList {flow: C}
 </pre>
   </div>
 
@@ -993,8 +993,9 @@ <h2 id=declaring-templates><span class=secno>2. </span>Declaring templates</h2>
   <p>Grid templates are declared with the ‘<a href="#grid-template0"><code
    class=property>grid-template</code></a>’, ‘<a href="#grid-rows"><code
    class=property>grid-rows</code></a>’, ‘<a href="#grid-columns"><code
-   class=property>grid-columns</code></a>’ and ‘<a href="#grid"><code
-   class=property>grid</code></a>’ properties, defined below.
+   class=property>grid-columns</code></a>’ properties (or the ‘<a
+   href="#grid"><code class=property>grid</code></a>’ shorthand property),
+   defined below.
 
   <p>An element that has a grid template is called a <dfn
    id=grid-element.>grid element.</dfn> More precisely: an element is a grid
@@ -1142,11 +1143,19 @@ <h3 id=grid-template><span class=secno>2.1. </span>Declaring a template:
   <p>Non-rectangular slots and multiple slots with the same letter are
    illegal. A template without any letter or “*” is illegal. A template
    with more than one “*” slot is illegal. Strings with different numbers
-   of columns are illegal. These errors cause the declaration to be ignored.
+   of columns (<em>before</em> padding with “.”, see below) are illegal.
+   These errors cause the declaration to be ignored.
 
   <p class=note>Note: non-rectangular and disconnected regions may be
    permitted in a future update of CSS.
 
+  <p>If there are fewer symbols in a string than the <a
+   href="#number-of-columns">number of columns</a> in the element, the string
+   is implicitly padded with “.” (period) symbols. Likewise, if there are
+   fewer strings than the <a href="#number-of-rows">number of rows</a> in the
+   element, additional strings consisting of “.” (period) symbols are
+   implicitly added.
+
   <p>Each slot (letter or “*”) acts as a block element for its contents.
 
   <p>If the value is ‘<code class=css>none</code>’, then no explicit
@@ -1178,6 +1187,14 @@ <h3 id=grid-template><span class=secno>2.1. </span>Declaring a template:
 </pre>
   </div>
 
+  <p class=note>Authors should be aware that naming slots with Hebrew or
+   Arabic letters may cause some text editors to display the CSS rule with
+   the first letter of the string on the right. However, the first letter in
+   each string corresponds to the first value in ‘<a
+   href="#grid-columns"><code class=property>grid-columns</code></a>’ and
+   thus represents the leftmost column in the rendering of the document.
+   <!--=================================================================-->
+
   <h3 id=grid-column-sizes><span class=secno>2.2. </span>Specifying the
    widths of columns: ‘<a href="#grid-columns"><code
    class=property>grid-columns</code></a>’</h3>
@@ -1256,8 +1273,8 @@ <h3 id=grid-column-sizes><span class=secno>2.2. </span>Specifying the
    accepts certain values.
 
   <p>Each <a href="#ltcol-widthgt"><var>&lt;col-width&gt;</var></a> sets the
-   width of a column, the first value for the first column, the second for
-   the second columns, etc.
+   width of a column, the first value for the leftmost column, the second for
+   the second column, etc.
 
   <p>If there are fewer <a
    href="#ltcol-widthgt"><var>&lt;col-width&gt;</var></a> values than the <a
@@ -1395,6 +1412,10 @@ <h3 id=grid-row-sizes><span class=secno>2.3. </span>Specifying the height
   <p class=note>Note that the syntax is the same syntax as for ‘<a
    href="#grid-columns"><code class=property>grid-columns</code></a>’
 
+  <p>Each <a href="#ltrow-heightgt"><var>&lt;row-height&gt;</var></a> sets
+   the height of a row, the first value for the topmost row, the second for
+   the second row, etc.
+
   <p>If there are fewer <a
    href="#ltrow-heightgt"><var>&lt;row-height&gt;</var></a> values than the
    <a href="#number-of-rows">number of rows</a> in the element, or if the