[csswg-drafts] [css-text-decor] Positional adjustment of line-through and overline

Crissov has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-text-decor] Positional adjustment of line-through and overline
 ==
Based upon [my 
comment](https://github.com/w3c/csswg-drafts/issues/711#issuecomment-265879767)
 in #711:

There should be either another value for 
[`text-decoration`](https://drafts.csswg.org/css-text-decor/#propdef-text-decoration)
 / 
[`text-decoration-line`](https://drafts.csswg.org/css-text-decor/#propdef-text-decoration-line)
 to get a line crossing through ascenders or, preferably, new 
properties `text-overline-position` and `text-line-through-position` 
(or a compound `text-decoration-position`) to adjust the position 
determined by the font file.

> - `underline`: Each line of text is underlined.
> - `overline`: Each line of text has a line over it (i.e. on the 
opposite side from an underline).
> - `line-through`: Each line of text has a line through the middle.

The most important reason (in Western typography) to desire 
`text-decoration-skip: ink;` is that `underline` cuts through 
descenders of lowercase letters (like _g, j, p, q, y_). However, 
neither `overline` nor `line-through` regularly cuts through the 
ascenders of lowercase letters (like _b, d, f, h, [i, j], k, l, t_), 
because `overline` is usually placed above the ‘H’ height of uppercase
 letters (possibly without diacritic marks) and `line-through` is set 
lower than the ‘x’ height of lowercase letters to affect short ones 
(like _a, c, e, m, n, o, r, s, u, v, w, x, z_), too.

~~~css
s, strike, del {
    text-decoration: line-through;
    text-decoration-skip: ink;
    text-line-through-position: over; /* over unspecified “middle”, 
i.e. above x-height */
}
~~~


Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/799 using your GitHub 
account

Received on Tuesday, 13 December 2016 11:41:43 UTC