CSS text-style property
Show a wavy line below the paragraph:
p
{
text-decoration: underline;
-Moz-text-decoration-style: wavy; / * For Firefox code * /
}
{
text-decoration: underline;
-Moz-text-decoration-style: wavy; / * For Firefox code * /
}
Try it out . . .
Browser support
Text-style properties are not supported by almost all major browsers.
Firefox supports another property that replaces this property, the -moz-text-style property.
Definitions and usages
The text-style property specifies how lines are displayed.
| Default: | solid |
|---|---|
| Inherited: | Whether |
| Animated: | Whether. See Animation . |
| Version: | CSS3 |
| JavaScript syntax: | object .style.textDecorationStyle="wavy" Give it a try |
CSS syntax
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
The property value
| value | describe | test |
|---|---|---|
| solid | Defaults.The line will be displayed as a single line. | test " |
| double | The line will be displayed as a double line. | test " |
| dotted | The line will be displayed as a point line. | test " |
| dashed | The line will be displayed as a dashed line. | test " |
| wavy | The line will be displayed as a wavy line. | test " |
| initial | Set this property for its default value.See initial 。 | test " |
| inherit | Inheriting this property from the parent element.See inherit 。 |