The CSS text-decoration Attribute

This attribute assignment bears the form text-decoration:values where values is a combination of one or more of none, underline, overline or line-through. none is the default value. There is one further value, blink but this is not widely supported and does not in our view have any place in a professionally designed webpage. What happens if one creates an assignment like the one below?

text-decoration:underline none overline

Firefox and Opera will honor the none setting and show text without any decoration. IE on the other hand appears to look at these settings one by one so the none annuls the prior underline setting but not the overline setting that follows. Which is the right approach? We do not know.

This is an inherited property - i.e. in a child element, if not assigned, it takes the corresponding value from the containing parent.

This attribute can also be assigned the setting inherit which causes it to pick up its value from the parent element.

Jump To...

Colophon