CSS Property text-decoration-style








The text-decoration-style property controls how to display line for decoration.

Summary

Initial value
solid
Inherited
no
CSS Version
CSS3
JavaScript syntax
object.style.textDecorationStyle="wavy"
Animatable
no

CSS Syntax

text-decoration-style: solid|double|dotted|dashed|wavy

Property Values

solid
Default value. a solid line
double
a double line
dotted
a dotted line
dashed
a dashed line
wavy
a wavy line

Browser compatibility

text-decoration-style No No 6.0 -moz- No No




Example

<!DOCTYPE html>
<html>
<head>
<style>
p {<!--from  w w w .  j a v  a 2 s.c  o m-->
    text-decoration: underline; 
    -moz-text-decoration-style: wavy; /* Code for Firefox */
    text-decoration-style: wavy; 
}
</style>
</head>
<body>

<p>this is a test</p>

</body>
</html>

Click to view the demo