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>