@@ -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">
969967Inline 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