text-shadow

  • 版本：CSS3
  • 2018.4.10

语法：

text-shadow：none | <shadow> [ , <shadow> ]*

<shadow> = <length>{2,3} && <color>?

默认值：none

适用于：所有元素

继承性：有

动画性：是

计算值：1个颜色加3个绝对长度

媒　体：视觉

取值：

none：
无阴影
<length>①：
第1个长度值用来设置对象的阴影水平偏移值。可以为负值
<length>②：
第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
<length>③：
如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
<color>：
设置对象的阴影的颜色。

说明：

定义文字是否有阴影及模糊效果。参阅box-shadow属性。
  • 可以设定多组效果，每组参数值以逗号分隔。多组阴影特殊效果，Demo: 火焰文字 霓虹文字
  • 如果定义了多组阴影效果，它们的 z-ordering 和多个box-shadow规则相同，第一个阴影在最上面，以此类推。
  • 对应的脚本特性为：textShadow。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0-9.0 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
10.0+

示例：

相关文章
css box shadowcss scrollbar shadow colorcss webkit text fill colorcss webkit text stroke colorcss webkit text stroke widthcss webkit text strokecss text indexcss text aligncss text indentcss text justifycss text size adjustcss text transformcss text decoration indexcss text decoration colorcss text decoration linecss text decoration skipcss text decoration stylecss text decorationcss text shadowcss text underline position
关注编程学问公众号