Skip to content

Commit 70e40c9

Browse files
committed
[css-text-decor-4] text-decoration-skip-ink
Summarised the discussions and the resolution from telcon on Feb 2017: https://lists.w3.org/Archives/Public/www-style/2017Feb/0069.html
1 parent 90c8894 commit 70e40c9

File tree

1 file changed

+62
-22
lines changed

1 file changed

+62
-22
lines changed

css-text-decor-4/Overview.bs

Lines changed: 62 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ ED: https://drafts.csswg.org/css-text-decor-4/
1010
TR: https://www.w3.org/TR/css-text-decor-4/
1111
Issue Tracking: Tracker http://www.w3.org/Style/CSS/Tracker/products/10
1212
Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact, w3cid 35400
13-
Editor: Koji Ishii, Invited Expert, kojiishi@gluesoft.co.jp
13+
Editor: Koji Ishii, Google, kojiishi@gmail.com
1414
Abstract: This module contains the features of CSS relating to text decoration, such as underlines, text shadows, and emphasis marks.
1515
Link Defaults: css-color-3 (property) color, css-break-3 (dfn) fragment
1616
Ignored Terms: svg shape, svg shapes, invalid, repeatable list, simple list, valid image
@@ -232,12 +232,15 @@ Text Underline Offset: the 'text-underline-offset' property</h3>
232232
''spelling-error'' or ''grammar-error'',
233233
the UA may ignore the value of 'text-underline-position'.
234234
235-
<h3 id="text-decoration-skip-property">
236-
Text Decoration Line Continuity: the 'text-decoration-skip' property</h3>
235+
<h3>
236+
Text Decoration Line Continuity</h3>
237+
238+
<h4 id="text-decoration-skip-property">
239+
Text Decoration Line Continuity: the 'text-decoration-skip' property</h4>
237240
238241
<pre class="propdef">
239242
Name: text-decoration-skip
240-
Value: ''none'' | [ ''objects'' || [ ''spaces'' | [ ''leading-spaces'' || ''trailing-spaces'' ] ] || ''ink'' || ''edges'' || ''box-decoration'' ]
243+
Value: ''none'' | [ ''objects'' || [ ''spaces'' | [ ''leading-spaces'' || ''trailing-spaces'' ] ] || ''edges'' || ''box-decoration'' ]
241244
Initial: objects leading-spaces trailing-spaces
242245
Applies to: all elements
243246
Inherited: yes
@@ -274,24 +277,6 @@ Text Decoration Line Continuity: the 'text-decoration-skip' property</h3>
274277
Skip all spacing, i.e. all <i>characters</i> with the Unicode White_Space property [[UAX44]],
275278
plus any adjacent 'letter-spacing' or 'word-spacing'.
276279

277-
<dt><dfn value for="text-decoration-skip">ink</dfn></dt>
278-
<dd>
279-
Skip over where glyphs are drawn:
280-
interrupt the decoration line to let the shape of the text show through
281-
where the text decoration would otherwise cross over a glyph.
282-
The UA must also skip a small distance to either side of the glyph outline.
283-
284-
<div class="figure">
285-
<p><img title="text-decoration-skip: ink"
286-
alt="An alphabetic underline through Myanmar text skips around descenders and the vertical strokes of combining characters that drop below the alphabetic baseline."
287-
src="decoration-skip-ink.png"
288-
>
289-
<p class="caption">''text-decoration-skip: ink''</p>
290-
</div>
291-
292-
This value only applies to overlines and underlines;
293-
line-throughs are unaffected.
294-
295280
<dt><dfn value for="text-decoration-skip">edges</dfn></dt>
296281
<dd>
297282
The UA should place the start and end of the line inwards slightly
@@ -344,6 +329,61 @@ Text Decoration Line Continuity: the 'text-decoration-skip' property</h3>
344329
''spelling-error'' or ''grammar-error'',
345330
the UA may ignore the value of 'text-decoration-skip'.
346331

332+
<h4 id="text-decoration-skip-ink-property">
333+
Text Decoration Line Continuity: the 'text-decoration-skip-ink' property</h4>
334+
335+
<pre class="propdef">
336+
Name: text-decoration-skip-ink
337+
Value: ''auto'' | ''none''
338+
Initial: 'auto'
339+
Applies to: all elements
340+
Inherited: yes
341+
Percentages: N/A
342+
Media: visual
343+
Computed value: as specified
344+
Animatable: no
345+
</pre>
346+
347+
This property controls how overlines and underlines are drawn
348+
when they cross over a glyph.
349+
350+
When enabled, decoration lines skip over where glyphs are drawn:
351+
interrupt the decoration line to let the shape of the text show through
352+
where the text decoration would otherwise cross over a glyph.
353+
The UA must also skip a small distance to either side of the glyph outline.
354+
355+
<div class="figure">
356+
<p><img title="text-decoration-skip: ink"
357+
alt="An alphabetic underline through Myanmar text skips around descenders and the vertical strokes of combining characters that drop below the alphabetic baseline."
358+
src="decoration-skip-ink.png"
359+
>
360+
<p class="caption">''text-decoration-skip: ink''</p>
361+
</div>
362+
363+
<div class="issue">
364+
Ideographic scripts do not want to skip when 'auto'.
365+
How can we define this behavior?
366+
Are there more scripts wanting not to skip?
367+
Need some normative text describe how 'auto' works.
368+
<a href="https://lists.w3.org/Archives/Public/www-style/2017Feb/0069.html">telcon minutes</a>,
369+
<a href="https://github.com/w3c/alreq/issues/86">alreq#86</a>
370+
</div>
371+
372+
This property only applies to overlines and underlines;
373+
line-throughs are unaffected.
374+
375+
<dl>
376+
<dt><dfn value for="text-decoration-skip-ink">auto</dfn></dt>
377+
<dd>
378+
UA should skip over where glyphs are drawn.
379+
380+
<dt><dfn value for="text-decoration-skip-ink">none</dfn></dt>
381+
<dd>
382+
UA must draw contiguous lines without interruptions,
383+
even when they cross over a glyph.
384+
385+
</dl>
386+
347387
<h2 id=temp>Rescued L3 Brainstorming: Ignore For Now</h2>
348388

349389
<h3 id="text-emphasis-skip">

0 commit comments

Comments
 (0)