W3C home > Mailing lists > Public > www-style@w3.org > July 2012

Re: [css3-text] Styling of text decoration

From: Sebastian Zartner <sebastianzartner@gmx.de>
Date: Wed, 25 Jul 2012 13:15:39 +0200
Message-ID: <20120725111539.199390@gmx.net>
To: Lutz Issler <lutz.issler@systemantics.net>, www-style@w3.org
> Thanks for supporting this. I would suggest the line should grow from 
> the center, ie. a 3px line would get an additional 1px at the top and 
> bottom of where the 1px would sit.

> > For defining the distance between the text and the line(s) there's
> currently the property "text-underline-position" [1]. Though because 
> this value is restricted to underlining and doesn't allow a free 
> offset, it might make sense to add a "text-decoration-offset" property 
> to replace "text-underline-position".
> I must say "text-underline-position" is quite attractive from the 
> typographic points of view. What about the following proposal:
> -----
> The vertical position of the decoration line is determined by the base 
> position, shifted by "text-decoration-offset". The base position of the 
> decoration line is determined by "text-decoration-line" [1] and 
> "text-decoration-position" [2].
> -----
> This way, one would be able to set the underline to not cross 
> decendants (depending on the font used), and then shift it 2px down 
> (independent of the font used).
Well, that would be the third property influencing the vertical position of the decoration.

Maybe a better approach would be to combine "text-decoration-line", "text-underline-position" and "text-decoration-offset" to one property called "text-decoration-position".

The syntax for its value would be:

none | [ underline || underline-below || left || right || overline || line-through ] [ <length> | <percentage> ]

So to say you want to have an alphabetic underline with an offset of 2px, you would write this:

text-decoration-position: underline 2px;

If you want to have an underline used in accounting with an offset 2px and an overline with offset 0.1em, you would write this:

text-decoration-position: underline-below 2px, overline 0.1em;

Received on Wednesday, 25 July 2012 11:16:15 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:19 UTC