Skip to main content

CSS Text Decoration

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:

a {  
text-decoration: none;
}

Example text decoration none

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

h2 {  
text-decoration: overline;
}

h3 {
text-decoration: line-through;
}

h4 {
text-decoration: underline;
}

Example text decoration values

note

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

Table of Contents