Decorating Text with text-decoration
![CSS CSS](https://lh3.googleusercontent.com/-ZApGYahFdjg/UfmRksHvUgI/AAAAAAAAAXk/gz8tO7cDjN4/h120/csslogo.png)
They are:
- none - No decoration on text.
- underline - The text is underlined.
- overline - The text has a line over it.
- line-through - The text has been run over by a line.
- blink - The text blinks on and off. This only works with some user agents and does not work on all browsers, ie: Chrome. However, a possible work around could be using JavaScript.
Here is a quick example of the text-decoration property being used:
<div style="text-decoration: none">I have no value added.</div>
<div style="text-decoration: underline">I am the underline line.</div>
<div style="text-decoration: overline">I am the overline line.</div>
<div style="text-decoration: line-through">I am the line-through line.</div>
<div style="text-decoration: blink">I am the blink line.</div>
![](http://1.bp.blogspot.com/-xe7RJ_CImbQ/Uh7PAw3zkNI/AAAAAAAAAYM/QZxgXER83n0/s1600/digg.png)
![](http://2.bp.blogspot.com/-qU9hOSgAAGg/Uh7PBkw5nXI/AAAAAAAAAYg/F3RH2FdUcUM/s1600/tech.png)
![](http://2.bp.blogspot.com/-SIE_cDNZwJo/Uh7QZns3f9I/AAAAAAAAAY8/_RgdI2_Yjuc/s1600/delicious.png)
![](http://3.bp.blogspot.com/-_SeXttyPxVw/Uh7PBUZ_xSI/AAAAAAAAAYY/WNUWXOgi9ZA/s1600/stumble.png)
![](http://4.bp.blogspot.com/-2L7TvTK8Spo/Uh7PBNnVSUI/AAAAAAAAAYc/wDUiY4QNFt0/s1600/red.png)
![](http://4.bp.blogspot.com/-7BJsLYGlmFs/Uh7PA66dlKI/AAAAAAAAAYI/YLZgf4eDolE/s1600/fb.png)
![](http://2.bp.blogspot.com/-AAPfGKZ58CE/Uh7PA1IFwAI/AAAAAAAAAYw/hu9jFLzr61Q/s1600/pin.png)
No comments :
Post a Comment