CSS text-underline-position Property

The text-underline-position property sets the position of an underline specified on the element. (It does not affect underlines specified by ancestor elements.) If 'left' or 'right' is specified alone, 'under' is also implied.

Formal syntax: auto | [ under || [ left | right ] ] 

text-underline-position: auto;
text-underline-position: under;
text-underline-position: under left;
text-underline-position: under right;

• autoThe browser may use any algorithm to determine the underline's position; however it must be placed at or under the alphabetic baseline.
• underThe underline is positioned under the element's text content. In this case the underline usually does not cross the descenders. (This is sometimes called "accounting" underline.) This value can be combined with 'left' or 'right' if a particular side is preferred in vertical writing modes.

.class {
   text-underline-position: under left;
}

?

?

?

?

?

• Share on Facebook
• Share on Twitter
• Share on Google+