mozilla
Your Search Results

    text-underline-position

    Summary

    The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

    This property inherits and is not reset by the text-decoration shorthand, allowing to easily set it globally for a given document:

    :root { text-underline-position: under; } /* Better default for document with a lot of chemical formulas */

    Syntax

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

    Values

    auto
    This keyword allows the browser to use an algorithm to choose between under and alphabetic.
    under
    This keyword forces the line to be set below the alphabetic baseline, at a position where it won't cross any descender. This is useful to prevent chemical or mathematical formulas, which make a large use of subscripts, to be illegible.
    left
    In vertical writing-modes, this keyword forces the line to be placed on the left of the characters. In horizontal writing-modes, it is a synonym of under.
    right
    In vertical writing-modes, this keyword forces the line to be placed on the right of the characters. In horizontal writing-modes, it is a synonym of under.
    auto-pos
    This keyword is a synonym of auto which must be used instead
    above
    This keyword forces the line to be above the text. When used with East-Asian text, using the auto keyword will lead to a similar effect.
    below
    This keyword forces the line to be under the text. When used with alphabetic text, using the auto keyword will lead to a similar effect.

    Specifications

    Specification Status Comment
    CSS Text-decoration Level 3
    The definition of 'text-underline-position' in that specification.
    Candidate Recommendation  

    Browser compatibility

    Help improve compatibility tables by filling out this 11 question survey.

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support (auto) Chrome 33 Not supported 6 [*] Not supported Not supported
    under Chrome 33 Not supported Not supported Not supported Not supported
    left, right Not supported Not supported Not supported Not supported Not supported
    above, below Not supported Not supported 5 [*] Not supported Not supported
    auto-pos Not supported Not supported 6 [*] Not supported Not supported
    Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support Not supported Not supported Not supported ? Not supported Not supported

    [*] Internet Explorer implements different values, with somewhat different effects for this value. From IE 5 to IE 7, included, only a non-prefixed version existed. From IE 8 onwards, the prefix can be used.

    See also

    Document Tags and Contributors

    Contributors to this page: Sheppy, ethertank, kscarfone, teoli, cohadar, HTMLValidator, yisi
    Last updated by: HTMLValidator,
    Hide Sidebar