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.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| text-emphasis | 99.0 | 99.0 | 46.0 | 7.0 | 15.0 -webkit- |
Referencias técnicas
- W3schools text-decoration-thickness property
- CSS Tricks > Almanac > Property > .text-decoration-thickness
