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>
<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; }
<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>
Figure 3.9: Using the text-decoration property
Search WWH ::

Custom Search