Skip to content

Commit 2c591f1

Browse files
committed
[css-step-sizing] Add notes/issues from review mtg in Tokyo
1 parent fd0d795 commit 2c591f1

2 files changed

Lines changed: 224 additions & 31 deletions

File tree

css-step-sizing/Overview.bs

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -95,12 +95,16 @@ Values have the following meanings:
9595

9696
Issue: 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+
98102
Stepping Line Box Heights {#height}
99103
-----------------------------------
100104

101105
When the <a>step unit</a> is set to a positive <<length>>,
102106
the 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">&#xA7;10.8 Line height calculations</a>
106110
defines how to compute the line box height
@@ -118,6 +122,7 @@ The <a>step baseline position</a> determines
118122
how 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+
179191
Aligning Baselines {#baseline}
180192
------------------------------
181193

@@ -281,7 +293,7 @@ Non-negative <<length>>s are valid.
281293

282294
When this property is set to a positive <<length>>
283295
and 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>
285297
to the closest multiple of the specified <<length>>
286298
before it is used.
287299

@@ -292,6 +304,21 @@ are the multiple of the specified <<length>>
292304
if 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

Comments
 (0)