adding line-stacking-strategy

Author: howcom

css3-gcpm/Overview.src.html

@@ -2936,7 +2936,7 @@ <h3>The 'float-offset' property</h3>
   width: 1gr }
 </pre>
 
-<p>The '1gr' value on
+<p>The ''1gr'' value on
 'width' is equal to the width of the containing block. Here is a possible rendering:
 
 <img src=6.png>
@@ -3270,6 +3270,29 @@ <h3>The 'float-offset' property</h3>
 
 </div>
 
+<h3>Aligning baselines</h3>
+
+<p>In multi-column layouts, baselines are typically aligned between
+adjacent columns. This gives the presentation a visual rythm, and text
+in the end of the columns will be alignend. To support this, a new
+value on the <span class=property>'line-stacking strategy'</span> is
+defined: ''grid-height''.
+
+<p class=note>The 'line-stacking-strategy' property is <a href="http://www.w3.org/TR/xsl/#line-stacking-strategy">used in XSL</a>, and the 'grid-height' value was proposed in a <a href="http://www.w3.org/TR/css3-linebox/#line-stacking-strategy">previous CSS draft</a>
+
+<p>The value means that the stack-height of the element is the smallest multiple of the used 'line-height' value on the containing block. 
+
+<div class=example>
+In this example, the stacking height of div.figure would be 30px (2 * 15px)
+
+<pre>
+div.multicol { line-height: 15px }
+div.figure { height: 20px; line-stacking-strategy: grid-height }
+</pre>
+
+
+
+
 
 
 <h2>Conformance</h2>