This site is 📱 accessible. Tap here to use the mobile stylesheet.

4.1.2 Text Decoration

The text-decoration property is used to set or remove decorations from text. The value text-decoration: none; is often used to remove underlines from links:

Example 1
a {
  text-decoration: none;
}

The other text-decoration values are used to decorate text:

Example 2
h2 {
  text-decoration: overline;
}

h3 {
  text-decoration: line-through;
}

h4 {
  text-decoration: underline;
}

Note: It is not recommended to underline text that is not a link, as this often confuses the reader.

CSS Course Home
Module 4: Text, Fonts and Icons