YouTip

# Style textDecorationStyle Property [ Style Object](#) ## Example Display a wavy line under a paragraph: document.getElementById("myP").style.textDecorationStyle="wavy"; [Try it Yourself »](#) * * * ## Definition and Usage The textDecorationStyle property sets or returns how the line is displayed. * * * ## Browser Support  Almost all major browsers do not support the textDecorationStyle property. Firefox supports an alternative property to this, the MozTextDecorationStyle property. * * * ## Syntax Get the textDecorationStyle property: _object_.style.textDecorationStyle Set the textDecorationStyle property: _object_.style.textDecorationStyle="solid|double|dotted|dashed|wavy|initial|inherit" ## Property Values | Value | Description | | --- | --- | | solid | Default value. The line will be displayed as a single line. | | double | The line will be displayed as a double line. | | dotted | The line will be displayed as a dotted line. | | dashed | The line will be displayed as a dashed line. | | wavy | The line will be displayed as a wavy line. | | initial | Sets this property to its default value. See (#). | | inherit | Inherits this property from its parent element. See (#). | ## Technical Details | Default Value: | solid | | --- | | Return Value: | A string, representing the text-decoration-style property of an element. | | CSS Version | CSS3 | * * * ## Related Articles CSS Reference: (#) * * Style Object](#)