Text-Underline-Position - Cascading Style Sheets Properties

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

Main Index | Property Index | CSS Support History | Browser History

Quick Statistics
Default Value:	below
Applicable Elements:	All
Inherit From Parent:	Yes
Applicable Media:	Visual
HTML Equivalent:	NA

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

Allowed Values
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-decoraction: 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

Nothing to report.

Boring Copyright Stuff....