@@ -951,20 +951,18 @@ Line Spacing: the 'line-height' property</h3>
951
951
which will not be influenced by the font size on descendants.
952
952
</div>
953
953
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
-
964
954
ISSUE: The fact that percentages compute to lengths is annoying.
965
955
See also <a href="https://github.com/w3c/csswg-drafts/issues/3118">Issue 3118</a>
966
956
and <a href="https://github.com/w3c/csswg-drafts/issues/2165">Issue 2165</a> .
967
957
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
+
968
966
<h3 id="text-edges">
969
967
Inline Box Edge Metrics: the 'text-edge' property</h3>
970
968
<pre class="propdef">
@@ -1050,25 +1048,19 @@ Inline Box Edge Metrics: the 'text-edge' property</h3>
1050
1048
the box’s margin, padding, and border also contribute
1051
1049
to the size of the [=line box=] .
1052
1050
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--
1057
1057
as long as there is enough leading added
1058
1058
that the half-leading on the root inline
1059
1059
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
1061
1061
content that would otherwise overflow,
1062
1062
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>
1072
1064
1073
1065
1074
1066
<h3 id="inline-height">
0 commit comments