Manual de referencia CSS

propiedad-CSS

text-underline-position El atributo especifica la posición de la decoración de texto subrayado.

Configurar la posición de la decoración de texto subrayado:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Valor	Descripción
auto	Valor predeterminado. El navegador configura la posición de la subraya.
under	Coloque la subraya debajo de la línea base de la letra.
from-font	Si el archivo de fuente de fuentes contiene información sobre la posición de la subraya, utilice este valor. De lo contrario, utilice auto.
izquierda	En el modo de escritura vertical, la subraya se colocará a la izquierda del texto. En el modo de escritura horizontal, la subraya se colocará según auto.
derecha	En el modo de escritura vertical, la subraya se colocará a la derecha del texto. En el modo de escritura horizontal, la subraya se colocará según auto.
initial	Establezca este atributo en su valor predeterminado. Vea: initial.
inherit	Hereda este atributo de su elemento padre. Vea: inherit.

Valor predeterminado:	auto
Herencia:	sí
Producción de animación:	No soportado. Consulte:Atributos relacionados con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.textUnderlinePosition="under"

Los números en la tabla representan la versión del navegador que primero soportó esta propiedad.

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0