Skip to content

Commit 8158958

Browse files
committed
[css-inline-3] Reshuffle some notes.
1 parent 6421451 commit 8158958

File tree

1 file changed

+16
-24
lines changed

1 file changed

+16
-24
lines changed

css-inline-3/Overview.bs

+16-24
Original file line numberDiff line numberDiff line change
@@ -951,20 +951,18 @@ Line Spacing: the 'line-height' property</h3>
951951
which will not be influenced by the font size on descendants.
952952
</div>
953953

954-
Note: When there is only one value of 'line-height'
955-
(other than ''line-height/normal'')
956-
for all inline boxes in a block container box
957-
and they all use the same first available font
958-
(and there are no replaced elements, inline-block elements, etc.),
959-
the above will ensure that baselines of successive lines
960-
are exactly 'line-height' apart.
961-
This is important when columns of text in different fonts have to be aligned,
962-
for example in a table.
963-
964954
ISSUE: The fact that percentages compute to lengths is annoying.
965955
See also <a href="https://github.com/w3c/csswg-drafts/issues/3118">Issue 3118</a>
966956
and <a href="https://github.com/w3c/csswg-drafts/issues/2165">Issue 2165</a>.
967957

958+
Note: Although margins, borders, and padding of [=inline boxes=]
959+
do not enter into the line height calculation,
960+
they are still rendered around these boxes.
961+
This means that if the size specified by 'line-height'
962+
is less than the size of the box,
963+
backgrounds and borders can “bleed” into adjoining line boxes,
964+
potentially obscuring earlier content.
965+
968966
<h3 id="text-edges">
969967
Inline Box Edge Metrics: the 'text-edge' property</h3>
970968
<pre class="propdef">
@@ -1050,25 +1048,19 @@ Inline Box Edge Metrics: the 'text-edge' property</h3>
10501048
the box’s margin, padding, and border also contribute
10511049
to the size of the [=line box=].
10521050

1053-
Note: When 'text-edge' is ''text-edge/leading'',
1054-
vertical rhythm is broken any time there is a change
1055-
in font metrics within a paragraph.
1056-
Other values are more likely to give consistent line spacing
1051+
<div class="note">
1052+
<p>When 'text-edge' is ''text-edge/leading'',
1053+
vertical rhythm can be broken any time there is a change
1054+
in font metrics or vertical alignment within a paragraph.
1055+
1056+
<p>Other values are more likely to give consistent line spacing--
10571057
as long as there is enough leading added
10581058
that the half-leading on the root inline
10591059
is large enough to accommodate the specified metrics of any descendants.
1060-
The line box will grow, however, to accommodate
1060+
The line box will still grow, however, to accommodate
10611061
content that would otherwise overflow,
10621062
to avoid overlap between lines.
1063-
1064-
Note: Although margins, borders, and padding of [=inline boxes=]
1065-
with ''text-edge: leading''
1066-
do not enter into the line box calculation,
1067-
they are still rendered around these boxes.
1068-
This means that if the size specified by 'line-height'
1069-
is less than the size of the box,
1070-
backgrounds and borders can “bleed” into adjoining line boxes,
1071-
potentially obscuring earlier content.
1063+
</div>
10721064

10731065

10741066
<h3 id="inline-height">

0 commit comments

Comments
 (0)