CSS3 text-shadow 属性

实例

基础的文本阴影效果：

h1{text-shadow: 5px 5px 5px #FF0000;}

h1{text-shadow: 5px 5px 5px #FF0000;}

浏览器支持

IEFirefoxChromeSafariOpera     

所有主流浏览器都支持 text-shadow 属性。

注释：Internet Explorer 9 以及更早版本的浏览器不支持 text-shadow 属性。

h1{text-shadow: 5px 5px 5px #FF0000;}

定义和用法

text-shadow 属性向文本设置阴影。

默认值：none继承性：yes版本：CSS3JavaScript 语法：object.style.textShadow="2px 2px #ff0000"

语法

h1{text-shadow: 5px 5px 5px #FF0000;}

text-shadow: h-shadow v-shadow blur color;

注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

值描述测试h-shadow必需。水平阴影的位置。允许负值。测试v-shadow必需。垂直阴影的位置。允许负值。测试blur可选。模糊的距离。测试color可选。阴影的颜色。参阅 CSS 颜色值。测试

h1{text-shadow: 5px 5px 5px #FF0000;}

text-shadow: h-shadow v-shadow blur color;

注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

值描述测试h-shadow必需。水平阴影的位置。允许负值。测试v-shadow必需。垂直阴影的位置。允许负值。测试blur可选。模糊的距离。测试color可选。阴影的颜色。参阅 CSS 颜色值。测试