Intent to change UA stylesheet of <abbr> and <acronym> (using border-bottom -> CSS 3 text-decoration)

[Masayuki Nakano]

HTML5 spec suggests the style of <abbr> and <acronym> is:

abbr[title], acronym[title] { text-decoration: dotted underline; }
http://www.w3.org/TR/html5/rendering.html#phrasing-content-0

However, we still use:
abbr[title], acronym[title] { border-block-end: dotted 1px; }

Our style has trouble with some fonts which have large internal leading
and/or external leading (e.g., Meiryo, new Japanese font on Windows
Vista or later). With such fonts, the border-bottom is rendered too far
from the glyphs and may overlap with the next line.

Therefore, we should use the suggested style.

Blink uses same style as our current style. IE doesn't have any special
style for them (i.e., rendered like simple <span>).

The bug to change the style:
https://bugzilla.mozilla.org/show_bug.cgi?id=1157083

--
Masayuki Nakano <masa...@d-toybox.com>
Manager, Internationalization, Mozilla Japan.

[Tantek Çelik]

On Wed, Apr 22, 2015 at 2:13 AM, Masayuki Nakano <masa...@d-toybox.com> wrote:
> HTML5 spec suggests the style of <abbr> and <acronym> is:
>
> abbr[title], acronym[title] { text-decoration: dotted underline; }
> http://www.w3.org/TR/html5/rendering.html#phrasing-content-0
>
> However, we still use:
> abbr[title], acronym[title] { border-block-end: dotted 1px; }
>
> Our style has trouble with some fonts which have large internal leading
> and/or external leading (e.g., Meiryo, new Japanese font on Windows Vista or
> later). With such fonts, the border-bottom is rendered too far from the
> glyphs and may overlap with the next line.
>
> Therefore, we should use the suggested style.

Agreed. The dotted border was used originally to "fake" that kind of
text-decoration effect, so now that we have the actual desired
feature/effect, we should use it.

> Blink uses same style as our current style. IE doesn't have any special
> style for them (i.e., rendered like simple <span>).

Note also that CSS3 Text Decoration (non-normatively) specifies that
updated styling of abbr and acronym:

http://www.w3.org/TR/css-text-decor-3/#default-stylesheet

Thus we can cite that as well for our change.

Thanks,

Tantek

> The bug to change the style:
> https://bugzilla.mozilla.org/show_bug.cgi?id=1157083
>
> --
> Masayuki Nakano <masa...@d-toybox.com>
> Manager, Internationalization, Mozilla Japan.

> _______________________________________________
> dev-platform mailing list
> dev-pl...@lists.mozilla.org
> https://lists.mozilla.org/listinfo/dev-platform