@@ -71,52 +71,52 @@ Determining the Position and Thickness of Line Decorations</h3>
71
71
72
72
<p> Since line decorations can span elements with varying font sizes and
73
73
vertical alignments, the best position for a line decoration is not
74
- necessarily the ideal position dictated by the <i > decorating box</i > .
75
- Instead, it's calculated, per line, from all text decorated by the <i > decorating box</i > on that line,
74
+ necessarily the ideal position dictated by the <a >decorating box</a > .
75
+ Instead, it's calculated, per line, from all text decorated by the <a >decorating box</a > on that line,
76
76
the <dfn>considered text</dfn> .
77
- However, descendants of the <i > decorating box</i >
77
+ However, descendants of the <a >decorating box</a >
78
78
that are skipped due to 'text-decoration-skip' ,
79
79
descendant inlines with ''text-decoration-skip: ink'' ,
80
- and any descendants that do not participate in the <i > decorating box</i > ’s inline formatting context
81
- are excluded from the set of <i > considered text</i > .
80
+ and any descendants that do not participate in the <a >decorating box</a > ’s inline formatting context
81
+ are excluded from the set of <a >considered text</a > .
82
82
83
83
<p>
84
84
The line decoration positions are then calculated
85
85
per line
86
86
as follows
87
- (treating <a><i> over</i >-positioned underlines</a> as <i > over</i > lines
88
- and <a><i> under</i >-positioned overlines</a> as <i > under</i > lines):
87
+ (treating <a>over</a > -positioned underlines</a> as <a >over</a > lines
88
+ and <a>under</a > -positioned overlines</a> as <a >under</a > lines):
89
89
90
90
<dl>
91
- <dt> <a href="https://www.w3.org/TR/css-writing-modes/#over"><i> over</i> </a> lines
91
+ <dt> <a> over</a> lines
92
92
<dd>
93
93
Align the line decoration with respect to the highest
94
- <a href="https://www.w3.org/TR/css-writing-modes/#over"><i> over</i> </a> EM-box edge
95
- of the <i > considered text</i > .
94
+ <a> over</a> EM-box edge
95
+ of the <a >considered text</a > .
96
96
97
- <dt> <a><i> alphabetic</i> </a> underlines
97
+ <dt> <a>alphabetic</a> underlines
98
98
<dd>
99
99
<p> The alphabetic underline position is calculated by taking
100
- the ideal offset (from the alphabetic baseline) of each run of <i > considered text</i > ,
100
+ the ideal offset (from the alphabetic baseline) of each run of <a >considered text</a > ,
101
101
averaging those, and then using the lowest alphabetic baseline to actually position the line.
102
- (Alphabetic baselines can differ between ''baseline'' -aligned boxes
102
+ (Alphabetic baselines can differ between ''vertical-align/ baseline'' -aligned boxes
103
103
if the dominant baseline is non-alphabetic.)
104
104
To prevent superscripts and subscripts from throwing this position off-kilter,
105
105
an inline with a non-initial computed 'vertical-align'
106
106
is treated as having the ideal underline position of its parent.
107
107
108
- <dt> non-alphabetic <a href="https://www.w3.org/TR/css-writing-modes/#under"><i> under</i> </a> lines
108
+ <dt> non-alphabetic <a> under</a> lines
109
109
<dd>
110
110
Position the line decoration with respect to the lowest
111
- <a href="https://www.w3.org/TR/css-writing-modes/#under"><i> under</i> </a> EM-box edge
112
- of the <i > considered text</i > .
111
+ <a> under</a> EM-box edge
112
+ of the <a >considered text</a > .
113
113
114
114
<dt> line-throughs
115
115
<dd>
116
116
Line-throughs essentially use the same sort of averaging as for alphabetic underlines,
117
117
but recompute the position when drawing across a descendant with a different computed 'font-size' .
118
118
(This ensures that the text remains effectively “crossed out” despite any font size changes.)
119
- For each run of <i > considered text</i > with the same 'font-size' ,
119
+ For each run of <a >considered text</a > with the same 'font-size' ,
120
120
compute an ideal position averaged from its font metrics.
121
121
To prevent superscripts and subscripts from throwing this position off-kilter,
122
122
an inline with a non-initial computed 'vertical-align'
@@ -129,7 +129,7 @@ Determining the Position and Thickness of Line Decorations</h3>
129
129
but there doesn't appear to be any way to avoid that which is correct in all instances,
130
130
and all attempts are worryingly complex.
131
131
What position should line-throughts adopt over elements that have a different font-size,
132
- but no <i > considered text</i > ?
132
+ but no <a >considered text</a > ?
133
133
</dl>
134
134
135
135
<p>
@@ -218,7 +218,8 @@ Text Underline Offset: the 'text-underline-offset' property</h3>
218
218
219
219
<ul>
220
220
<li>The line is aligned to the outside of the specified position.
221
- (Below for ''under''/''auto'' positions, above for ''over''.)
221
+ (Below for ''text-underline-position/under''/''text-underline-position/auto'' positions,
222
+ above for ''text-underline-position/over''.)
222
223
<li>Positive lengths represent inward distances; negative lengths outward.
223
224
<li>Automatic adjustments made to accommodate descendant content are maintained;
224
225
the 'text-underline-offset' is in addition to those.
@@ -229,15 +230,15 @@ Text Underline Offset: the 'text-underline-offset' property</h3>
229
230
''spelling-error'' or ''grammar-error'',
230
231
the UA may ignore the value of 'text-underline-position'.
231
232
232
- <h3>
233
+ <h3 id="text-decoration-skipping" >
233
234
Text Decoration Line Continuity</h3>
234
235
235
236
<h4 id="text-decoration-skip-property">
236
237
Text Decoration Line Continuity: the 'text-decoration-skip' property</h4>
237
238
238
239
<pre class="propdef">
239
240
Name: text-decoration-skip
240
- Value: '' none'' | [ '' objects'' || [ '' spaces'' | [ '' leading-spaces'' || '' trailing-spaces'' ] ] || '' edges'' || '' box-decoration'' ]
241
+ Value: none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]
241
242
Initial: objects leading-spaces trailing-spaces
242
243
Applies to: all elements
243
244
Inherited: yes
@@ -277,14 +278,14 @@ Text Decoration Line Continuity: the 'text-decoration-skip' property</h4>
277
278
278
279
<dt> <dfn value for="text-decoration-skip">spaces</dfn> </dt>
279
280
<dd>
280
- Skip all spacing, i.e. all <i> characters </i > with the Unicode White_Space property [[UAX44]] ,
281
+ Skip all spacing, i.e. all <a>typographic character units</a > with the Unicode White_Space property [[UAX44]] ,
281
282
plus any adjacent 'letter-spacing' or 'word-spacing' .
282
283
283
284
<dt> <dfn value for="text-decoration-skip">edges</dfn> </dt>
284
285
<dd>
285
286
The UA should place the start and end of the line inwards slightly
286
287
(e.g. by half a line thickness)
287
- from the content edge of the <i > decorating box</i > so that,
288
+ from the content edge of the <a >decorating box</a > so that,
288
289
e.g. two underlined elements side-by-side do not appear to have a single underline.
289
290
(This is important in Chinese, where underlining is a form of punctuation.)
290
291
@@ -301,20 +302,20 @@ Text Decoration Line Continuity: the 'text-decoration-skip' property</h4>
301
302
<dd>
302
303
Skip over the box's margin, border, and padding areas.
303
304
Note that this only has an effect on decorations imposed by an ancestor;
304
- a <i > decorating box</i > never draws over its own box decoration.
305
+ a <a >decorating box</a > never draws over its own box decoration.
305
306
306
307
<dt> <dfn>leading-spaces</dfn> </dt>
307
308
<dd>
308
309
Skip all spacing,
309
- i.e. all <i> characters </i > with the Unicode White_Space property [[UAX44]]
310
+ i.e. all <a>typographic character units</a > with the Unicode White_Space property [[UAX44]]
310
311
and all <a href="https://www.w3.org/TR/css3-text/#word-separator">word separators</a>
311
312
plus any adjacent 'letter-spacing' or 'word-spacing' ,
312
313
when located at the start of the line.
313
314
314
315
<dt> <dfn>trailing-spaces</dfn> </dt>
315
316
<dd>
316
317
Skip all spacing,
317
- i.e. all <i> characters </i > with the Unicode White_Space property [[UAX44]]
318
+ i.e. all <a>typographic character units</a > with the Unicode White_Space property [[UAX44]]
318
319
and all <a href="https://www.w3.org/TR/css3-text/#word-separator">word separators</a>
319
320
plus any adjacent 'letter-spacing' or 'word-spacing' ,
320
321
when located at the end of the line.
@@ -337,8 +338,8 @@ Text Decoration Line Continuity: the 'text-decoration-skip-ink' property</h4>
337
338
338
339
<pre class="propdef">
339
340
Name : text-decoration-skip-ink
340
- Value : '' auto'' | '' none''
341
- Initial : 'auto'
341
+ Value : auto | none
342
+ Initial : '' auto' '
342
343
Applies to : all elements
343
344
Inherited : yes
344
345
Percentages : N/A
@@ -364,10 +365,10 @@ Text Decoration Line Continuity: the 'text-decoration-skip-ink' property</h4>
364
365
</div>
365
366
366
367
<div class="issue">
367
- Ideographic scripts do not want to skip when 'auto' .
368
+ Ideographic scripts do not want to skip when ''text-decoration-skip-ink/ auto' ' .
368
369
How can we define this behavior?
369
370
Are there more scripts wanting not to skip?
370
- Need some normative text describe how 'auto' works.
371
+ Need some normative text describe how ''text-decoration-skip-ink/ auto' ' works.
371
372
See
372
373
<a href="https://lists.w3.org/Archives/Public/www-style/2017Feb/0069.html">telcon minutes</a> ,
373
374
<a href="https://github.com/w3c/alreq/issues/86">alreq#86</a> ,
@@ -389,14 +390,15 @@ Text Decoration Line Continuity: the 'text-decoration-skip-ink' property</h4>
389
390
390
391
</dl>
391
392
392
- <h2 id="text-shadow-property">Text Shadows: the 'text-shadow' property</h2>
393
+ <h2 id="text-shadow-property">
394
+ Additional Conrols for Text Shadows</h2>
393
395
394
396
Level 4 adds a spread radius argument to 'text-shadow' ,
395
397
using the same syntax and interpretation as for 'box-shadow' ,
396
398
except that corners are always rounded
397
399
(since the geometry of a glyph is not so simple as a box).
398
400
399
- <h2 id="line-decoration ">
401
+ <h2 id="emphasis-marks ">
400
402
Additional Controls for Emphasis Marks</h2>
401
403
402
404
Issue: See also <a href="https://github.com/w3c/csswg-drafts/issues/1892">issue about continuity in size/position</a> .
0 commit comments