CSS text-decoration-style

text-decoration-style property is used to set the style of the line drawn on text. This property has the following values:

• solid: Default value. Specifies a solid line.
• double: Specifies a double line.
• dotted: Specifies a dotted line.
• dashed: Specifies a dashed line.
• wavy: Specifies a wavy line.

Let's see some examples:

    p {
      text-decoration: underline;
      text-decoration-style: solid;
    }
  

    span {
      text-decoration: line-through;
      text-decoration-style: double;
    }
  

Now, let's create a table to summarize the different styles: