Definición de .text-decoration aplicado en CSS
La propiedad .text-decoration
agrega un subrayado, sobreventa, línea o una combinación de líneas al texto seleccionado.
Ejemplo de uso : propiedad CSS text-decoration
Esta propiedad de CSS normalmente se emplea de esta forma:
h3 {
text-decoration: underline;
}
Otro ejemplo más avanzado de .text-decoration es el siguiente de CODEPEN:
Sintaxis de .text-decoration en CSS
text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;
Valores
Valor | Descripción | Manifestación |
---|---|---|
Establece el tipo de decoración de texto que se utilizará (como subrayado, sobrerayado, traspaso) | ||
Establece el color de la decoración del texto. | ||
Establece el estilo de la decoración del texto (como sólido, ondulado, punteado, discontinuo, doble) | ||
Establece el grosor de la línea de decoración. | ||
inicial | Establece esta propiedad en su valor predeterminado. | |
heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .text-decoration
Los números de la tabla especifican 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-decoration-color | 57.0 | 79.0 | 36.0 6.0 -moz- | 12.1 7.1 -webkit- | 44.0 |