text-decoration上 中 下划线使用方法

text-decoration介绍

text-decoratio在日常开发中主要用于文字添加上划线、中划线（删除线、栅格线、贯穿线）、下划线样式。

语法：

text-decoration-line ：指定文本装饰的种类。相当于CSS1时的text-decoration属性

text-decoration-style ：指定文本装饰的样式。

text-decoration-color ：指定文本装饰的颜色。

blink：指定文字的装饰是闪烁。写本文档时仅Firefox和Opera支持该参数值

兼容性：

6.0-9.0 #1    4.0-9.0 #2    5.1 #3    13.0-16.0 #4    11.50-11.60 #5    

IE9及更早浏览器不支持blink，且不支持CSS3下的text-decoration复合属性属写法。

Firefox4.0-9.0不支持CSS3下的text-decoration复合属性属写法。

Safari5.1不支持blink，且不支持CSS3下的text-decoration复合属性属写法。

Chrome13.0不支持blink，且不支持CSS3下的text-decoration复合属性属写法。

Opera11.50-11.60不支持CSS3下的text-decoration复合属性属写法。

使用方法

无样式

.css{text-decoration:none;}

下划线

.css{text-decoration:underline;}

上划线，部分浏览器不兼容

.css{text-decoration:overline;}

中划线

.css{text-decoration:line-through;}

闪烁，部分浏览器不兼容

.css{text-decoration:blink;}

CSS3连写方法

.css{
text-decoration:#f00 dotted underline;
}