text-decoration

  • 版本:CSS1/3
  • 媒体:视觉

语法:

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复合属性写法。

示例: