Skip to content

Commit c31e80e

Browse files
committed
[css-inline-3] More cross-linking.
1 parent 0a8f5e3 commit c31e80e

1 file changed

Lines changed: 22 additions & 21 deletions

File tree

css-inline-3/Overview.bs

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -84,75 +84,76 @@ Inline Layout Box Model</h2>
8484
[=Inline-axis=] [=margins=], [=borders=], and [=padding=]
8585
are respected between [=inline-level boxes=]
8686
(and their margins do not <a href="https://www.w3.org/TR/CSS2/box.html#collapsing-margins">collapse</a>).
87-
The rectangular area that contains the boxes
88-
that form a line of [=inline-level content=]
87+
The resulting rectangular area that contains the boxes
88+
that form a single line of [=inline-level content=]
8989
is called a <dfn export>line box</dfn>.
9090

9191
Note: <a>Line boxes</a> and <a>inline boxes</a> and <a>inline-level boxes</a>
9292
are each different things!
9393
See [[CSS-DISPLAY-3]] for an in-depth discussion of box types and related terminology.
9494

9595
[=Line boxes=] are created as needed
96-
to hold inline-level content
97-
within an inline formatting context.
96+
to hold [=inline-level=] content
97+
within an [=inline formatting context=].
9898
When an [=inline box=] exceeds the [=logical width=] of a [=line box=],
9999
or contains a <a spec="css-text-3">forced line break</a>,
100100
it is split (see [[css-text-3#line-breaking]])
101101
into several [=fragments=] [[css-break-3]],
102-
which are distributed across multiple line boxes.
102+
which are distributed across multiple [=line boxes=].
103103
Like [=column boxes=] in [=multi-column layout=] [[CSS-MULTICOL-1]],
104104
[=line boxes=] are [=fragmentation containers=]
105105
generated by their [=formatting context=],
106106
and are not part of the CSS [=box tree=].
107107

108-
Note: Inline boxes can also be <a href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">split into several fragments
108+
Note: [=Inline boxes=] can also be
109+
<a href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">split into several fragments
109110
within the same line box due to bidirectional text processing</a>.
110111
See [[CSS-WRITING-MODES-3]].
111112

112-
Line boxes are stacked
113+
[=Line boxes=] are stacked
113114
as the direct contents of the [=block container box=]
114115
in the [=block flow direction=]
115116
and aligned within this container as specified by 'align-content' [[css-align-3]].
116117
Thus, an [=inline formatting context=] consists of
117-
a stack of line boxes.
118-
Line boxes are stacked with no separation
118+
a stack of [=line boxes=].
119+
[=Line boxes=] are stacked with no separation
119120
(except as specified elsewhere,
120121
e.g. for [=float=] <a href="https://www.w3.org/TR/CSS2/visuren.html#clearance">clearance</a>)
121122
and they never overlap.
122123

123124
In general,
124-
the [=line-left=] edge of a line box touches
125+
the [=line-left=] edge of a [=line box=] touches
125126
the [=line-left=] edge of its [=containing block=]
126127
and the [=line-right=] edge touches
127128
the [=line-right=] edge of its [=containing block=],
128129
and thus the [=logical width=] of a line box is equal to
129130
the <a lt="inner size">inner</a> [=logical width=]
130-
of its containing block
131+
of its [=containing block=]
131132
(i.e. the [=block container=]’s [=content box=]).
132133
However, floating boxes or [=initial letter boxes=]
133-
can come between the containing block edge and the line box edge,
134-
reducing space available to, and thus the [=logical width=],
135-
of any such impacted line boxes.
134+
can come between the [=containing block=] edge and the [=line box=] edge,
135+
reducing the space available to, and thus the [=logical width=],
136+
of any such impacted [=line boxes=].
136137
(See [[CSS2/visuren#inline-formatting]]/[[CSS2/visuren#floats]]
137138
and [[#initial-letter-styling]].)
138139

139-
Within the line box,
140-
inline-level boxes can be aligned
140+
Within the [=line box=],
141+
[=inline-level boxes=] can be aligned
141142
along the [=block axis=]
142143
in different ways:
143-
their over or under edges can be aligned,
144+
their [=line-over|over=] or [=line-under|under=] edges can be aligned,
144145
or the baselines of text within them can be aligned.
145146
See 'vertical-align' and its longhands.
146-
The [=logical height=] of a line box is fitted to its contents
147+
The [=logical height=] of a [=line box=] is fitted to its contents
147148
by the rules given in [[#line-sizing-property]].
148149

149-
Line boxes that contain no text,
150+
[=Line boxes=] that contain no text,
150151
no [=preserved white space=],
151152
no [=inline boxes=] with non-zero [=margins=], [=padding=], or [=borders=],
152153
and no other [=in-flow=] content
153154
(such as [=atomic inlines=] or [=ruby annotations=]),
154-
and do not end with a preserved newline
155-
must be treated as zero-<a lt="logical height">height</a> line boxes
155+
and do not end with a [=forced line break=]
156+
must be treated as zero-[=logical height|height=] [=line boxes=]
156157
for the purposes of determining the positions of any elements inside of them
157158
(such as [=absolutely positioned boxes=]),
158159
and must be treated as not existing for any other purpose

0 commit comments

Comments
 (0)