(hover) text-decoration: none;
| Browser |
|
|---|
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) |
- text decoration
(Other values can be seen)
Example
<html>
<head>
<title>TAG index</title>
<style type="text/css">
a:hover { text-decoration: none; }
</style>
</head>
<body>
<p><a href="index.html">Link Styles</a></p>
</body>
</html>
- Output