CSS text-underline-offset atributo

Definición y uso

text-underline-offset El atributo especifica la distancia de desplazamiento del texto subrayado.

Ejemplo

Configurar la distancia de desplazamiento del texto subrayado:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Pruebe usted mismo

Sintaxis de CSS

text-underline-offset: auto|longitud|porcentaje|initial|inherit;

Valor del atributo

Valor Descripción
auto Valor predeterminado. El navegador establece una distancia de desplazamiento adecuada para la subrayado.
longitud Especifique la distancia de desplazamiento como valor de longitud.
porcentaje Especifique la distancia de desplazamiento como porcentaje.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Herencia: sí
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS4
Sintaxis de JavaScript: object.style.textUnderlineOffset="1em"

Compatibilidad del navegador

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

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Páginas relacionadas

Tutoriales:CSS decoración de texto

Referencia:Atributo textDecoration del HTML DOM