Style textDecorationStyle Property

Definition and Usage

textDecorationStyle Sets or returns the display style of the line (if any).

See Also:

CSS Reference Manual:text-decoration-style property

Example

Display a wavy line below the paragraph:

document.getElementById("myP").style.textDecorationStyle = "wavy";

Try It Yourself

Syntax

Return textDecorationStyle Property:

object.style.textDecorationStyle

Set textDecorationStyle Property:

object.style.textDecorationStyle = "solid|double|dotted|dashed|wavy|initial|inherit"

Property Value

Value Description
solid Default value. The line is displayed as a single line.
double The line will be displayed as a double line.
dotted The line will be displayed as a dashed 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 initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default value: solid
Return value: A string that represents the text-decoration-style property.
CSS Version: CSS3

Browser Support

The numbers in the table indicate the first browser version to fully support this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 12.1 44.0