'text-decoration' Example : text decoration « CSS « HTML / CSS






'text-decoration' Example

  
    
<html>
<body>
<a href="http://www.java2s.com" 
   style="text-decoration: none">
www.java2s.com, www.java2s.com ,w w w.j a v a 2 s . c o m
</a>
<hr>
<p id="myT">Text sample.</p>

<input type="button" 
       value="decoration:lineThrough" 
       onclick="myT.style.textDecoration = 'line-through'">

<input type="button" 
       value="decoration:overline" 
       onclick="myT.style.textDecoration = 'overline'">

<input type="button" 
       value="decoration:underline" 
       onclick="myT.style.textDecoration = 'underline'">
</body>
</html>

    
      
        
    
  








Related examples in the same category

1.text-decoration: underline overline
2.text-decoration: underline
3.text-decoration: overline
4.text-decoration: line-through
5.text-decoration: underline overline line-through
6.text-decoration: underline;
7.text-decoration: overline;
8.text-decoration: line-through;
9.text-decoration: blink;
10.text-decoration: underline overline;
11.text-decoration: underline line-through;
12.text-decoration: overline line-through;
13.text-decoration: underline;text-decoration: overline;text-decoration: line-through;text-decoration: blink;
14.text-decoration: underline overline line-through blink;
15.text-decoration: none for visited anchor
16.text-decoration: none for hover anchor
17.text-decoration: none; for anchor
18.text-decoration:underline;overline;line-through;blink;
19.text-decoration:underline;overline;line-through;blink;}
20.Various text decorations
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