Text-Underline-Position

text-underline-position Support Key: [*IE5.5B1*]	Other Text Properties
	word-spacing letter-spacing white-space word-wrap text-align	text-align-last text-decoration text-transform text-shadow text-indent
= Index DOT Css by Brian Wilson =

What is it?: This property specifies the default position of the underline which is set using the 'text-decoration' property "underline" value.

Allowed Values
auto
[IE6]: Type: Explicit; Description:
Underline decoration appears above the text if the HTML LANG attribute for an underlined element is set to "ja" (Japanese) and the writing-mode CSS property is set to "tb-rl". Otherwise, the underline decoration appears below the content.
auto-pos
[IE6]: Type: Explicit; Description:
IE's documentation says that this value behaves the same as "auto."
below
[IE5.5B1]: Type: Explicit; Description:
Underline decoration will appear below the enclosed content.
above
[IE5.5B1]: Type: Explicit; Description:
Underline decoration will appear above the enclosed content.

Example: Ext/Doc: p { text-underline-position: above; text-decoration: underline }; In-Line: <p STYLE="text-underline-position: above; text-decoration: underline">text</p>

Notes

I am still trying to understand the point of this property. If someone wanted to create an overline effect, why not use 'text-decoration: overline'? Wouldn't an underline that isn't UNDER the object in question no longer be an underline? Perhaps the semantics of this are best appreciated with content that is not the typical Western left-to-right flow...

Browser Peculiarities

In IE5.5, the default value for this property is "below", not "auto".
One has to wonder why IE has introduced both "auto" and "auto-pos" as valid values in IE6 if they behave the same. They created this property, so the duplication doesn't make much sense.