CSS Property Value How to - text-decoration: underline;








Question

We would like to know how to text-decoration: underline;.

Answer


<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
h1 {<!--   www .  j  a  v a 2 s .c  o m-->
  text-decoration: overline;
}

h2 {
  text-decoration: line-through;
}

h3 {
  text-decoration: underline;
}

h4 {
  text-decoration: blink;
}
</style>
</head>
<body>
  <h1>This is heading 1</h1>
  <h2>This is heading 2</h2>
  <h3>This is heading 3</h3>
  <h4>This is heading 4</h4>
  <p>
    <strong>Note:</strong> The
    <code>blink</code>
    value is not supported in IE, Chrome, or Safari.
  </p>
</body>
</html>

The code above is rendered as follows: