最新的Web开发教程
 

Style textShadow Property

<Style对象

添加阴影文字:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
试一试»

定义和用法

该textShadow属性设置或返回文本一个或多个阴影效果。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该textShadow属性在所有主流浏览器的支持。

注:在Internet Explorer 9及更早版本不支持textShadow财产。


句法

返回textShadow属性:

object .style.textShadow

设置textShadow属性:

object .style.textShadow="none| Note:该textShadow属性附加一个或多个阴影的文本。 该属性是逗号分隔的阴影列表中,由2个或3个长度值和任选的颜色的每个指定。 省略长度为0。

属性值

描述
none 没有阴影绘制。 这是默认
h-shadow 需要。 水平阴影的位置。 允许使用负值
v-shadow 需要。 垂直阴影的位置。 允许使用负值
blur 可选的。 模糊距离
color 可选的。 颜色的阴影。 看看CSS颜色值可能的颜色值的完整列表
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 没有
返回值: 一个字符串,表示以逗号分隔的阴影效应列表施加到元件的文本
CSS版本 CSS3

更多示例

返回文本的阴影:

alert(document.getElementById("myP").style.textShadow);
试一试»

相关页面

CSS教程: CSS3文字效果

CSS参考: text-shadow property


<Style对象