CSS Text Decoration

CSS Text Decoration property used to set or remove decorations from text. The value text-decoration: none; is often used to remove underlines from links. text-decoration property values are used to decorate text. text-decoration property is used to underline, overline, and strikethrough text.

text-decoration property values are underline, overline, line-through, blink and none.

Syntax:

text-decoration:blink;
text-decoration:inherit;
text-decoration:line-through;
text-decoration:none;
text-decoration:overline;
text-decoration:underline;

Example :

<html>
<head>
    <title>Learn Css text decoration tutorials</title>
</head>
<body>
  <p style="text-decoration:underline;">Learn Css text decoration for underline tutorials by aryatechno</p>
  <p style="text-decoration:blink;">Learn Css text decoration for blink tutorials by aryatechno</p>  
  <p style="text-decoration:inherit;">Learn Css text decoration for inherit tutorials by aryatechno</p>
  <p style="text-decoration:line-through;">Learn Css text decoration for line-through tutorials by aryatechno</p>
  <p style="text-decoration:none;">Learn Css text decoration for none tutorials by aryatechno</p>
  <p style="text-decoration:overline;">Learn Css text decoration for overline tutorials by aryatechno</p>
  <p style="text-decoration:underline;">Learn Css text decoration for underline tutorials by aryatechno</p>
</body>
</html>

Output :

Learn Css text decoration for underline tutorials by aryatechno

Learn Css text decoration for blink tutorials by aryatechno

Learn Css text decoration for inherit tutorials by aryatechno

Learn Css text decoration for line-through tutorials by aryatechno

Learn Css text decoration for none tutorials by aryatechno

Learn Css text decoration for overline tutorials by aryatechno

Learn Css text decoration for underline tutorials by aryatechno

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

25087