HTML and CSS Reference
In-Depth Information
Example 3.9 illustrates the use of several text decorations. Figure 3.9 shows
how these properties appear in my browser.
Example 3.9: Various text decorations
<!DOCTYPE html>
<html>
<head>
<title>Example 3.9</title>
<style type="text/css">
p.p1 { text-decoration: underline ; }
p.p2 { text-decoration: line-through; }
p.p3 { text-decoration: overline; }
p.p4 { text-decoration: overline underline; }
p.p5 { text-decoration: overline underline line-through; }
</style>
</head>
<body style="padding: 20px;">
<p class="p1">
Deck the halls
</p>
<p class="p2">
With boughs of holly
</p>
<p class="p3">
Fa la la la la, la la la la
</p>
<p class="p4">
'Tis the season to be jolly
</p>
<p class="p5">
Fa la la la la, la la la la
</p>
</body>
</html>
Figure 3.9: Using the text-decoration property