Skip to main content Link Search Menu Expand Document Toggle dark mode Copy Code (external link)
paperwork.help

text-decoration-style : Decoration Style Property

The text-decoration-style property sets the style of the lines drawn by text-decoration.

On this page

Usage

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

Values

  • solid - A single line. This is the default.
  • double - Two lines.
  • dotted - A line of dots.
  • dashed - A line of dashes.
  • wavy - A wavy line, often used for spelling and error marks.

The dots, dashes and wave are sized from the thickness of the line.

Example

<p style="text-decoration: underline; text-decoration-style: wavy; text-decoration-color: red">Misspelled</p>
<p style="text-decoration: underline wavy red">The same, in the shorthand</p>

Notes

  • Applies to underline, overline and line-through.
  • Can be set from data, for example text-decoration-style: {{model.style}}.
  • Added in Paperwork.Core 9.8.

See Also