目录

style textShadow 属性

示例

为文本添加阴影:

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

描述

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


浏览器支持

Property
textShadow Yes 10.0 Yes Yes Yes

语法

返回 textShadow 属性:

object.style.textShadow

设置textShadow属性:

object.style.textShadow = "none| h-shadow v-shadow blur color|initial|inherit"

笔记:textShadow 属性将一个或多个阴影附加到文本上。该属性是一个以逗号分隔的阴影列表,每个阴影由 2 或 3 个长度值和一个可选颜色指定。省略的长度为 0。

属性值

Value Description
none No shadow is drawn. This is default
h-shadow Required. The position of the horizontal shadow. Negative values are allowed
v-shadow Required. The position of the vertical shadow. Negative values are allowed
blur Optional. The blur distance
color Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 没有任何
返回值: 一个字符串,表示应用于元素文本的阴影效果的逗号分隔列表
CSS版本 CSS3

更多示例

示例

返回文本阴影:

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

相关页面

CSS教程:CSS3 文本效果

CSS 参考:文本阴影属性