CSS text-underline-position Property

Description

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.

Initial value

auto

Applies to

All elements

Inherited

Yes

Media

Visual

Computed value

As specified

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.textUnderlinePosition

Syntax

text-underline-position: auto | [ under || [ left | right ] ] 

Values

• 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.

Example

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

Browser Support

Desktop
6	12	33	X	20	X
Tablets / Mobile
4.4.3	33	X	20	X	X

Last updated by CSSPortal on: