(hover) text-decoration: none;

  • IE
  • Cr
  • Sf
  • Fx
  • O

The text-decoration property adds decoration to text.

When you set this property with pseudo-classes for the A element, the underline of the link can be removed according to the state of the link.

In the following examples, the underline is removed only when you mouse over the link.

a:hover {
text-decoration: none;

Property Value Explanation
text-decoration none normal text (removes the underline)


<title>TAG index</title>

<style type="text/css">

a:hover { text-decoration: none; }



<p><a href="index.html">Link Styles</a></p>



Link Styles