Various text decorations : text decoration « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. text decoration

Various text decorations

   
<!DOCTYPE html> 
<html> 
<head> 
<title></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>








Related examples in the same category

1.'text-decoration' Example
2.text-decoration: underline overline
3.text-decoration: underline
4.text-decoration: overline
5.text-decoration: line-through
6.text-decoration: underline overline line-through
7.text-decoration: underline;
8.text-decoration: overline;
9.text-decoration: line-through;
10.text-decoration: blink;
11.text-decoration: underline overline;
12.text-decoration: underline line-through;
13.text-decoration: overline line-through;
14.text-decoration: underline;text-decoration: overline;text-decoration: line-through;text-decoration: blink;
15.text-decoration: underline overline line-through blink;
16.text-decoration: none for visited anchor
17.text-decoration: none for hover anchor
18.text-decoration: none; for anchor
19.text-decoration:underline;overline;line-through;blink;
20.text-decoration:underline;overline;line-through;blink;}
21.text-decoration: underline overline line-through blink
22.This text is underlined and overlined
23.This text is underlined, overlined, striken and blinking.
24.text-decoration:underline line-through
25.text-decoration:overline line-through