The text-underline-position is only partially supported by Chrome.
What is text-underline-position. Use one of these keyword values. Text-underline-position The text-underline-position CSS property specifies the position of the underline which is set using the text-decoration propertys underline value. Auto - Underline decoration appears above the text if the HTML lang attribute for an underlined element is set to ja Japanese and the CSS writing-mode property is set to tb-rl.
As of early 2020 this is only supported in Safari 121 and Firefox 70. CSS text-underline-position specifies the placement of the underline on links or on the text. This style can be used to simulate the look of an HTML link.
Keep the underline in its. Use this property to force text-decoration underlines to be below the baseline of characters so that the underline does not cross over letter descenders. This property is one of the CSS3 properties.
The browser will decide between placing the underline at the texts baseline or under it. Par exemple la valeur inférieure peut être appropriée pour un document avec beaucoup de formules chimiques et mathématiques qui font un large usage des indices. The text-underline-offset property in CSS sets the distance of text underlines from their initial position.
In this case the underline usually does not cross the descenders. Syntax in Text Underline. Text-underline-position La propriété text-underline-position définit la position du soulignement utilisé lorsque la propriété text-decoration prend la valeur underline.
Root text. Étant donné que la propriété text-underline-position hérite et nest pas réinitialisée par la propriété raccourcie text-decoration il peut être approprié de définir sa valeur à un niveau global. See the below property values of text-underline-position with examples.