CSS3 text-shadow 属性

实例

基础的文本阴影效果：

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

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

浏览器支持

IE	Firefox	Chrome	Safari	Opera

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

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

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

定义和用法

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

默认值：	none
继承性：	yes
版本：	CSS3
JavaScript 语法：	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 颜色值。	测试