Shulou(Shulou.com)06/01 Report--

This article is about how to use the text-decoration attribute in css. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The text-decoration attribute, which is a very meaningful attribute, provides a lot of rather funny behavior.

There are 5 values for text-decoration:

None

Underline

Overline

Line-through

Blink

As expected, underline underlines the element, just like the U element in HTML. Overline impregnation is just the opposite, drawing an underline at the top of the text. The value line-through draws a string in the middle of the text, which is equivalent to the S and strike elements in HTML. Blink will make the text flash, similar to the controversial blink symbols that Netscape approves.

The none value encloses all decorations that were originally used on an element. In general, undecorated text is the default outside, but it's not always so good. For example, links are underlined by default. If you are eager to remove the underline from the hyperlink, use the following CSS to do so:

A {text-decoration: none;}

Note: if you explicitly use what a rule to remove the underline of a link, the only visual difference between the anchor and the deformed text is the color (at least how much acquiescence is, but there is no complete guarantee that the color must be distinguished).

It is also possible to loose a variety of decorations in a single rule. If all hyperlinks are expected to be underlined and underlined, the rules are as follows:

A:link a:visited {text-decoration: underline overline;}

However, it is important to be sure that if two incompatible decorations are married to the competing element, the specified value will completely replace the other value. Consider the following rules:

H3.stricken {text-decoration: line-through;} h3 {text-decoration: underline overline;}

With regard to a given rule, all h3 elements whose class is stricken are decorated with a clear insight line, not an underscore or an overscore, because the text-decoration value is changed rather than accumulated.

Thank you for reading! This is the end of this article on "how to use the text-decoration attribute in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.