Web development

CSS text-decoration Property

CSS text-decoration Property

The CSS text-decoration property defines the decoration added to the text and is a shorthand property for:


text-decoration: text-decoration-line text-decoration-color text-decoration-style;

text-decoration-line (required) – settles the kind of text decoration to use (like underline, line-through, overline).

text-decoration-color settles the colour of the text decoration.

text-decoration-style – settles the style of the text decoration (like solid, dotted, dashed, wavy, double).


<!DOCTYPE html>

h3 {
  text-decoration: underline red;

h4 {
  text-decoration: underline wavy green;

p {
  text-decoration: line-through;

<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<p>This is a paragraph.</p>



This is heading 3

This is heading 4

This is a paragraph.

Read also:

CSS Hamburger Menu

How to add custom fonts to HTML?

HTML Text Formatting And Styles