Skip to content

Commit 313e3bd

Browse files
committed
[css-text-decor-3] Add note about how text-underline-position: under doesn't always get 100% under all the glyphs. #1055
1 parent 642e0f0 commit 313e3bd

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

css-text-decor-3/Overview.bs

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -401,6 +401,7 @@ Text Underline Position: the 'text-underline-position' property</h3>
401401
src="images/underline-position-alphabetic.png" >
402402
<p class="caption">A typical “alphabetic” underline is positioned just below the alphabetic baseline
403403
</div>
404+
404405
<dt><dfn id="underline-under" value for="text-underline-position">under</dfn></dt>
405406
<dd>The underline is positioned <i>under</i> the element's text content.
406407
In this case the underline usually does not cross the descenders.
@@ -423,12 +424,19 @@ Text Underline Position: the 'text-underline-position' property</h3>
423424
texts that use many subscripts.
424425
<pre>:root { text-underline-position: under; }</pre>
425426
</div>
427+
428+
Note: The ''text-decoration/under'' value does not guarantee
429+
that the underline will not conflict with glyphs,
430+
as some fonts have descenders or diacritics
431+
that extend below the font’s descent metrics.
432+
426433
<dt><dfn id="underline-left" value for="text-underline-position">left</dfn></dt>
427434
<dd>In vertical <a>typographic modes</a>, the underline is aligned as for
428435
''text-underline-position/under'', except it is always aligned to the left edge of the text.
429436
If this causes the underline to be drawn on the "over" side of
430437
the text, then an overline also switches sides and is drawn on
431438
the "under" side.
439+
432440
<dt><dfn id="underline-right" value for="text-underline-position">right</dfn></dt>
433441
<dd>In vertical <a>typographic modes</a>, the underline is aligned as for
434442
''text-underline-position/under'', except it is always aligned to the right edge of the text.

0 commit comments

Comments
 (0)