Style textDecorationStyle Property
Clash Royale CLAN TAG#URR8PPP
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
Style textDecorationStyle Property
❮ Style Object
Example
Display a wavy line under the paragraph:
document.getElementById("myP").style.textDecorationStyle = "wavy";
Try it Yourself »
Definition and Usage
The textDecorationStyle property sets or returns how the line, if any, will display.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| textDecorationStyle | 57.0 | Not supported | 36.0 6.0 Moz | Not supported | 44.0 |
Syntax
Return 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 display as a single line |
| double | The line will display as a double line |
| dotted | The line will display as a dotted line |
| dashed | The line will display as a dashed line |
| wavy | The line will display as a wavy line |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | solid |
|---|---|
| Return Value: | A String, representing the text-decoration-style property of an element |
| CSS Version | CSS3 |
Related Pages
CSS reference: text-decoration-style property
❮ Style Object