Ejemplo
Mostrar una línea ondulada bajo el párrafo:
document.getElementById("myP").style.textDecorationStyle = "wavy";
Inténtalo tú mismo " Definición y Uso
Los conjuntos o devoluciones de propiedad textDecorationStyle cómo la línea, en su caso, se mostrará.
Soporte del navegador
La propiedad textDecorationStyle no es compatible con cualquiera de los principales navegadores.
Firefox soporta una alternativa, la propiedad MozTextDecorationStyle.
Sintaxis
Devolver la propiedad textDecorationStyle:
object .style.textDecorationStyle
Establecer la propiedad textDecorationStyle:
object .style.textDecorationStyle="solid|double|dotted|dashed|wavy|initial|inherit"
Valores de propiedad
Valor | Descripción |
---|---|
solid | Valor por defecto. La línea se mostrará como una sola línea |
double | La línea se mostrará como una línea doble |
dotted | La línea se mostrará como una línea de puntos |
dashed | La línea se mostrará como una línea discontinua |
wavy | La línea se mostrará como una línea ondulada |
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: | sólido |
---|---|
Valor de retorno: | Una cadena, que representa la propiedad de estilo de decoración de texto de un elemento |
Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: text-decoration-style property
<Estilo de objeto