为文本添加阴影:
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 |
CSS教程:CSS3 文本效果
CSS 参考:文本阴影属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!