Skip to content

Commit 04981e8

Browse files
committed
adding line-box-contain
1 parent f404298 commit 04981e8

1 file changed

Lines changed: 13 additions & 6 deletions

File tree

css3-gcpm/Overview.src.html

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3272,25 +3272,32 @@ <h3>The 'float-offset' property</h3>
32723272

32733273
<h3>Aligning baselines</h3>
32743274

3275+
3276+
32753277
<p>In multi-column layouts, baselines are typically aligned between
32763278
adjacent columns. This gives the presentation a visual rythm, and text
32773279
in the end of the columns will be alignend. To support this, a new
3278-
value on the <span class=property>'line-stacking strategy'</span> is
3279-
defined: ''grid-height''.
3280-
3281-
<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>
3280+
value on the <span class=property>'line-box-contain'</span> is
3281+
defined: ''crack'' (or, perhaps, ''snap-space'', ''void'', ''grid'', ''dmz'').
32823282

3283-
<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.
3283+
<p>The value means that the height of the line in which the element
3284+
occurs should be rounded upt to the smallest multiple of the used
3285+
'line-height' value on the containing block.
32843286

32853287
<div class=example>
32863288
In this example, the stacking height of div.figure would be 30px (2 * 15px)
32873289

32883290
<pre>
32893291
div.multicol { line-height: 15px }
3290-
div.figure { height: 20px; line-stacking-strategy: grid-height }
3292+
div.figure { height: 20px; line-box-contain: block inline replaced crack }
32913293
</pre>
32923294

3295+
<p class=note>
3296+
<!--
3297+
http://www.w3.org/Style/Group/css3-src/css3-linebox/Overview.html#LineStacking
3298+
-->
32933299

3300+
A similar idea for a 'grid-height' value was proposed in a <a href="http://www.w3.org/TR/css3-linebox/#line-stacking-strategy">previous CSS draft</a>. The 'line-stacking-strategy' property is <a href="http://www.w3.org/TR/xsl/#line-stacking-strategy">used in XSL</a>.
32943301

32953302

32963303

0 commit comments

Comments
 (0)