Skip to content

Commit e4f5d58

Browse files
committed
[css-inline-3] Improve intro.
1 parent 4ad5898 commit e4f5d58

File tree

1 file changed

+28
-4
lines changed

1 file changed

+28
-4
lines changed

css-inline-3/Overview.bs

+28-4
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,16 @@ spec:css-break-3; type:dfn; text:fragment
3737
<h2 id="intro">
3838
Introduction</h2>
3939

40-
This module defines the CSS Inline Layout model,
41-
replacing and extending the model as defined in CSS2.1.
42-
It is very much a work-in-progress, and implementers should reference CSS2.1 for now.
40+
This module defines [=inline layout=], the CSS model
41+
for laying out a mixed, continuous stream of text and [=inline-level=] boxes
42+
as a stack of lines that form a “paragraph”,
43+
and defines controls for the [=block-axis=] alignment and sizing
44+
of this content within each line.
45+
It also adds a [[#initial-letter-styling|special layout mode for drop caps and similar initial letter styling]].
46+
47+
Note: Line-breaking, justification, and other aspects of
48+
inline-axis positioning of [=inline-level=] content
49+
are handled in the <a href="https://www.w3.org/TR/css-text/">CSS Text Module</a>.
4350

4451
ISSUE: Many aspects of layout here depend on font metrics.
4552
While the relevant metrics exist in OpenType for Latin/Cyrillic/Greek and for CJK,
@@ -50,6 +57,13 @@ Introduction</h2>
5057
and that means both that OpenType needs to allow such metrics
5158
and font designers need to provide accurate numbers.
5259

60+
<h3 id="placement">
61+
Module Interactions</h3>
62+
63+
<p>This module
64+
replaces and extends the CSS inline layout model and features defined in
65+
[[!CSS2]] section 10.8.
66+
5367
<h3 id="values">
5468
Value Definitions</h3>
5569

@@ -66,10 +80,20 @@ Value Definitions</h3>
6680
<h2 id="model">
6781
Inline Layout Box Model</h2>
6882

83+
In <dfn>inline layout</dfn>,
84+
a mixed stream of text and [=inline-level boxes=] are laid out
85+
by [=fragmenting=] them into a stack of [=line boxes=],
86+
and aligning the text and boxes to each other within each [=line box=].
87+
6988
A [=block container=] element that directly contains
7089
[=inline-level=] content--
7190
such as [=inline boxes=], [=atomic inlines=], and [=text runs=]--
72-
establishes an [=inline formatting context=].
91+
establishes an [=inline formatting context=]
92+
to lay out its contents.
93+
The [=block container=]’s [=content edges=] form the [=containing block=]
94+
for each of the [=inline-level boxes=]
95+
participating in its [=inline formatting context=].
96+
7397
The [=block container=] also generates
7498
a <dfn export>root inline box</dfn>,
7599
which is an <a lt="anonymous box">anonymous</a> [=inline box=] that holds

0 commit comments

Comments
 (0)