text-underline-position: ***;

Browser
  • IE
Type
  • Extension

The text-underline-position property specifies the position of the underline decoration.


p {
text-decoration: underline;
text-underline-position: above;
}

Property Value Explanation
text-underline-position above the underline appears above the text
below the underline appears below the text

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

p { text-decoration: underline; }

#example1 { text-underline-position: above; }
#example2 { text-underline-position: below; }

</style>

</head>
<body>

<p id="example1">The underline appears above the text.</p>
<p id="example2">The underline appears below the text.</p>

</body>
</html>

Output

The underline appears above the text.

The underline appears below the text.