Ejemplo
los párrafos de visualización con una línea en la parte superior:
document.getElementById("myP").style.textDecorationLine = "overline";
Inténtalo tú mismo " Definición y Uso
Los conjuntos o devoluciones de propiedad textDecorationLine qué tipo de línea, en su caso, la decoración tendrán.
Nota: También puede establecer el textDecorationLine utilizando la propiedad textDecoration, que es una propiedad taquigrafía para la textDecorationLine, textDecorationStyle, y las propiedades textDecorationColor.
Nota: También puede combinar más de un valor, como el subrayado y overline para mostrar líneas tanto por debajo y por encima del texto.
Soporte del navegador
La propiedad textDecorationLine no es compatible con cualquiera de los principales navegadores.
Firefox soporta una alternativa, la propiedad MozTextDecorationLine.
Sintaxis
Devolver la propiedad textDecorationLine:
object .style.textDecorationLine Establecer la propiedad textDecorationLine:
object .style.textDecorationLine="none|underline|overline|line-through|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| none | Valor por defecto. No especifica ninguna línea para la decoración de texto |
| underline | Especifica que una línea se mostrará bajo el texto |
| overline | Especifica que una línea se mostrará sobre el texto |
| line-through | Especifica que una línea se mostrará a través del texto |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | ninguna |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad-decoración-línea de texto de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: text-decoration-line property
<Estilo de objeto