Tutorials Point


  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

CSS - text-decoration


previous next AddThis Social Bookmark Button


Advertisements

Description:

The text-decoration property is used to add "decorations" to inline content.

Possible Values:

  • none: No decoration should be added to the inline text.
  • underline: An underline is drawn beneath the inline text.
  • overline: An overline is drawn above the inline text.
  • line-through: A line should be drawn through the middle of the inline text.
  • blink: The inline text should blink on and off, analogous to the BLINK element introduced by Netscape.

Applies to:

All the HTML elements.

DOM Syntax:

object.style.textDecoration="underline";

Example:

Following is the example which demonstrates how to decorate a text.

NOTE: Blink property does not work with all the browsers.

<p style="text-decoration:underline;">
This will be underlined
</p>
<p style="text-decoration:line-through;">
This will be striked through.
</p>
<p style="text-decoration:overline;">
This will have a over line.
</p>
<p style="text-decoration:blink;">
This text will have blinking effect
</p>

This will produce following result:

This will be underlined

This will be striked through.

This will have a over line.

This text will have blinking effect

To Become more comfortable - Do Online Practice



previous next Printer Friendly

Advertisements


  

Advertisements