@@ -3,7 +3,6 @@ Title: CSS Text Decoration Module Level 4
33Shortname : css-text-decor
44Level : 4
55Status : ED
6- Date : 2018-03-13
76Work Status : Exploring
87Group : csswg
98ED : https://drafts.csswg.org/css-text-decor-4/
@@ -165,23 +164,22 @@ Determining the Position and Thickness of Line Decorations</h3>
165164 Issue: This section is copied over from early drafts of Text Decoration Level 3.
166165 It is still under review, and needs integration with 'text-underline-offset' and 'text-decoration-width' .
167166
168- <p> Since line decorations can span elements with varying font sizes and
169- vertical alignments, the best position for a line decoration is not
170- necessarily the ideal position dictated by the <a>decorating box</a> .
171- Instead, it's calculated, per line, from all text decorated by the <a>decorating box</a> on that line,
172- the <dfn>considered text</dfn> .
173- However, descendants of the <a>decorating box</a>
174- that are skipped due to 'text-decoration-skip' ,
175- descendant inlines with ''text-decoration-skip: ink'' ,
176- and any descendants that do not participate in the <a>decorating box</a> ’s inline formatting context
177- are excluded from the set of <a>considered text</a> .
178-
179- <p>
180- The line decoration positions are then calculated
181- per line
182- as follows
183- (treating <a>over</a> -positioned underlines</a> as <a>over</a> lines
184- and <a>under</a> -positioned overlines</a> as <a>under</a> lines):
167+ Since line decorations can span elements with varying font sizes and
168+ vertical alignments, the best position for a line decoration is not
169+ necessarily the ideal position dictated by the <a>decorating box</a> .
170+ Instead, it's calculated, per line, from all text decorated by the <a>decorating box</a> on that line,
171+ the <dfn>considered text</dfn> .
172+ However, descendants of the <a>decorating box</a>
173+ that are skipped due to 'text-decoration-skip' ,
174+ descendant inlines with ''text-decoration-skip: ink'' ,
175+ and any descendants that do not participate in the <a>decorating box</a> ’s inline formatting context
176+ are excluded from the set of <a>considered text</a> .
177+
178+ The line decoration positions are then calculated
179+ per line
180+ as follows
181+ (treating <a>over</a> -positioned underlines</a> as <a>over</a> lines
182+ and <a>under</a> -positioned overlines</a> as <a>under</a> lines):
185183
186184 <dl>
187185 <dt> <a>over</a> lines
@@ -192,7 +190,7 @@ Determining the Position and Thickness of Line Decorations</h3>
192190
193191 <dt> <a>alphabetic</a> underlines
194192 <dd>
195- <p> The alphabetic underline position is calculated by taking
193+ The alphabetic underline position is calculated by taking
196194 the ideal offset (from the alphabetic baseline) of each run of <a>considered text</a> ,
197195 averaging those, and then using the lowest alphabetic baseline to actually position the line.
198196 (Alphabetic baselines can differ between ''vertical-align/baseline'' -aligned boxes
@@ -228,28 +226,30 @@ Determining the Position and Thickness of Line Decorations</h3>
228226 but no <a>considered text</a> ?
229227 </dl>
230228
231- <p>
232- CSS does not define the thickness of line decorations.
233- In determining the thickness of text decoration lines,
234- user agents may consider the font sizes, faces, and weights of descendants
235- to provide an appropriately averaged thickness.
229+ CSS does not define the thickness of line decorations.
230+ In determining the thickness of text decoration lines,
231+ user agents may consider the font sizes, faces, and weights of descendants
232+ to provide an appropriately averaged thickness.
236233
237234 <div class="example">
238- <p> The following figure shows the averaging for underline:
235+ The following figure shows the averaging for underline:
239236 <p><img alt="In the first rendering of the underlined text '1st a'
240237 with 'st' as a superscript, both the '1st' and the 'a'
241238 are rendered in a small font. In the second rendering,
242239 the 'a' is rendered in a larger font. In the third, both
243240 '1st' and 'a' are large."
244241 height="105" src="images/underline-averaging.gif" width="326">
245- <p> In the three fragments of underlined text, the underline is drawn
242+
243+ In the three fragments of underlined text, the underline is drawn
246244 consecutively lower and thicker as the ratio of large text to small
247245 text increases.</p>
248- <p> Using the same example, a line-through would in the second fragment,
246+
247+ Using the same example, a line-through would in the second fragment,
249248 instead of averaging the two font sizes,
250249 split the line-through into two segments:
251250 <p><img alt="" src="images/linethrough-averaging.gif">
252- <p> In both cases, however, the superscript, due to the vertical-alignment shift,
251+
252+ In both cases, however, the superscript, due to the vertical-alignment shift,
253253 has no effect on the position of the line.
254254 </div>
255255
0 commit comments