Designating Text Decorations Using CSS

With HTML we used individual tags like the u tags to designate text decorations such as the underline styles. CSS allows us to easily switch back and forth with text decorations such as these and others all without modifying our HTML code.

The text decoration styles may be used in conjunction with any text containing HTML element, such as tables, paragraphs, headings, and divs.

Let's take a look at some CSS text-decoration style settings.

blockquote  {text-decoration:overline;}
p           {text-decoration:undlerine;}
span        {text-decoration:line-through;}
ul          {text-decoration:blink;}

Notice that text decorations are easy to implement. After designating that you are applying a text-decoration style, you simply name the decoration you desire.

There are not many text-decoration options and all are named above. These decorations look like the following Underlined Style, Overlined Style, Line-Through Style, and Blink Style.

More than likely the Blink style changed nothing about how you saw the text. That is because the Blink tag is non-standard and supported by only certain versions of the Netscape Navigator browser. The blink tag should not be used.

You should now be able to use CSS to designate text-decoration styles for your HTML documents.