@@ -95,12 +95,16 @@ Values have the following meanings:
9595
9696Issue: Naming under discussion.
9797
98+ Issue: Should the step baseline position be percent?
99+ Not much precision is needed, but
100+ there was one feedback that percent is easier to use.
101+
98102Stepping Line Box Heights {#height}
99103-----------------------------------
100104
101105When the <a>step unit</a> is set to a positive <<length>> ,
102106the line box heights are rounded <i> up</i> to
103- the closest multiple of the unit.
107+ the multiple of the unit.
104108
105109[[!CSS21]] <a href="https://drafts.csswg.org/css2/visudet.html#line-height">§10.8 Line height calculations</a>
106110defines how to compute the line box height
@@ -118,6 +122,7 @@ The <a>step baseline position</a> determines
118122how the additional spaces are distributed.
119123
120124* When it is not set,
125+ the height is rounded up to the closest multiple of the <a>step unit</a> , and
121126 the space is distributed to
122127 <a>over</a> -side (T) and <a>under</a> -side (B) equally,
123128 so that the original line box appears at the center of the
@@ -176,6 +181,13 @@ how the additional spaces are distributed.
176181 </pre>
177182</div>
178183
184+ <div class="note">
185+ It is usually recommended to set the 'line-height' lower than
186+ the <a>step unit</a> .
187+ The used line height can increase due to several factors such as
188+ the use of 'vertical-align' or font fallback.
189+ </div>
190+
179191Aligning Baselines {#baseline}
180192------------------------------
181193
@@ -281,7 +293,7 @@ Non-negative <<length>>s are valid.
281293
282294When this property is set to a positive <<length>>
283295and the <a>available inline size</a> is <a>definite</a> ,
284- the <a>available inline size</a> is rounded <em> down</em>
296+ the <a>available inline size</a> of the element is rounded <em> down</em>
285297to the closest multiple of the specified <<length>>
286298before it is used.
287299
@@ -292,6 +304,21 @@ are the multiple of the specified <<length>>
292304if there were other constraints.
293305</div>
294306
307+ When this property is applied to a multi-column element,
308+ the <a>available inline size</a> of the content box is not rounded but
309+ the <a>available inline size</a> of the <a>column box</a> is rounded.
310+
311+ <div class="note">
312+ When using this property with CSS layout features such as tables or flexbox,
313+ authors are expected to apply this property to
314+ item boxes rather than container boxes;
315+ e.g., table cells rather than tables, or
316+ flex-items rather than flex-containers.
317+
318+ However, the special case above is needed because
319+ authors cannot style <a>column boxes</a> .
320+ </div>
321+
295322<div class="example">
296323 This property improves the justification
297324 for Han ideograph-based scripts such as Chinese or Japanese.
0 commit comments