Definición de .text-decoration-line aplicado en CSS
La propiedad .text-decoration-line decora el texto con un subrayado, sobreventa, línea o una combinación de esas líneas.
Ejemplo de empleo de la propiedad text-decoration-line
Esta propiedad de CSS se emplea de la siguiente manera:
p {
text-decoration-line: underline;
}Otro ejemplo más avanzado de .text-decoration-line es el siguiente de CODEPEN:
Sintaxis de .text-decoration-line en CSS
text-decoration-line: none|underline|overline|line-through|initial|inherit;Valores
| Valor | Descripción | Juegalo |
|---|---|---|
| ninguna | Valor por defecto. No especifica ninguna línea para la decoración de texto. | |
| subrayar | Especifica que se mostrará una línea debajo del texto. | |
| superposición | Especifica que se mostrará una línea sobre el texto | |
| línea directa | Especifica que se mostrará una línea a través del texto. | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .text-decoration-line
Los números de la tabla detallan la primera versión del navegador que es plenamente 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-style | 57.0 | 79.0 | 36.0 6.0 -moz- | 12.1 | 44.0 |
