CSS Text Decoration Options
text-decoration Syntax:
text-decoration: { { blink | line-through | overline | underline } … | none | inherit }
none
This value produces no text decoration, no special decorations.
It is usually used to remove underline for link text.
underline
This value draws a horizontal line below the text. i.e. Underlines the text.
overline
This value draws a horizontal line above the text. i.e. Puts a line above the text.
line-through
This value draws a horizontal line through the text. i.e. Puts a line through the middle of the text.
blink
Makes the text blink.
N.B.: blink may not work without Mozilla Firefox.
inherit
The element should have the same text-decoration setting as the parent.
Example
<html>
<head>
<body>
</html>
<head>
<style type="text/css">
.overline{text-decoration:overline}
.line-through{text-decoration:line-through}
.underline{text-decoration:underline}
.blink{text-decoration:blink}
a{text-decoration:none}
</style>
</head>.overline{text-decoration:overline}
.line-through{text-decoration:line-through}
.underline{text-decoration:underline}
.blink{text-decoration:blink}
a{text-decoration:none}
</style>
<body>
<div class="overline">This is overline.</div>
<div class="line-through">This is line-through.</div>
<div class="underline">This is underline.</div>
<div class="blink">This is blink.</div>
<a href="http://google.com"> This link is not underlined.</a>
</body><div class="line-through">This is line-through.</div>
<div class="underline">This is underline.</div>
<div class="blink">This is blink.</div>
<a href="http://google.com"> This link is not underlined.</a>
</html>
Output
This is overline.
This is line-through.
This is underline.
This is blink.
This link is not underlined.
No comments:
Post a Comment