text-decoration

语法：

text-decoration：[ text-decoration-line ] || [ text-decoration-style ] || [ text-decoration-color ]

默认值：看每个独立属性

适用于：所有元素

继承性：无

动画性：看每个独立属性

计算值：看每个独立属性

相关属性：[ text-decoration-skip ] || [ text-underline-position ]

取值：

[ text-decoration-line ]：
指定文本装饰的种类。相当于CSS2.1的 text-decoration 属性，可取值：none | underline | overline | line-through | blink
[ text-decoration-style ]：
指定文本装饰的样式。
[ text-decoration-color ]：
指定文本装饰的颜色。

说明：

复合属性。检索或设置对象中的文本的装饰。
  • 所有浏览器均支持CSS2.1中的text-decoration属性，在CSS3中，原CSS2.1中的text-decoration属性被移植到新text-decoration属性的分解属性text-decoration-line上；
  • 对应的脚本特性为textDecoration。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-11.0 #1 #4 1.0-29.0 #2 #4 5.1.7 #1 #4 1.0-31.0 #1 #4 3.5-21.0 #3 #4
  1. 支持blink但无效果。
  2. Firefox1.0开始支持blink，并在Firefox23.0时移除。
  3. Opera4.0开始支持blink，并在Opera15.0时移除。
  4. 不支持：CSS3下的text-decoration复合属性写法。

示例：