text-decoration-thickness

Índice

Definición de .text-decoration-thickness en CSS

La propiedad .text-decoration-thickness en CSS establece el grosor de carrera de la línea de decoración que se usa en el texto en un elemento. El valor de línea de texto de texto debe ser subrayado, línea a través de la línea o superar para reflejar la propiedad de grosor.

Ejemplo de empleo de text-decoration-thickness

Si te gustaría emplear esta propiedad de CSS en tu hoja de estilos, hazlo de la siguiente forma:

.text {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
}

Otro ejemplo más avanzado de .text-decoration-thickness es el siguiente de CODEPEN:

Sintaxis de .text-decoration-thickness en CSS

text-decoration-thickness:   auto|from-font|length/percentage|initial|inherit;

Valores

Valor Descripción
auto El navegador elige el grosor de la línea de decoración.
de la fuente Si un archivo de fuente contiene información sobre un grosor preferido, use ese valor. Si no, comportarse como auto
longitud / porcentaje Especifica el espesor como una longitud o %
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .text-decoration-thickness

Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
text-emphasis 99.0 99.0 46.0 7.0 15.0 -webkit-

Referencias técnicas

Es probable que también quieras echar un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso