CSS text-shadow 属性
更多“亲自试一试”示例如下。
定义和用法
text-shadow
属性为文本添加阴影。
此属性接受一个以逗号分隔的阴影列表,这些阴影将应用于文本。
默认值 | none |
---|---|
继承 | 是 |
可动画 | 是。 阅读关于 可动画 的内容 试一试 |
版本 | CSS3 |
JavaScript 语法 | object.style.textShadow="2px 5px 5px red" 试一试 |
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
CSS 语法
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
注意:要向文本添加多个阴影,请添加一个以逗号分隔的阴影列表。
属性值
值 | 描述 | 演示 |
---|---|---|
h-shadow | 必需。水平阴影的位置。允许使用负值 | 演示 ❯ |
v-shadow | 必需。垂直阴影的位置。允许使用负值 | 演示 ❯ |
blur-radius | 可选。模糊半径。默认值为 0 | 演示 ❯ |
color | 可选。阴影的颜色。请查看 CSS 颜色值 以获取可能颜色值的完整列表 | 演示 ❯ |
none | 默认值。无阴影 | 演示 ❯ |
initial | 将此属性设置为其默认值。 阅读关于 initial 的内容 | |
inherit | 从其父元素继承此属性。 阅读关于 inherit 的内容 |
更多示例
相关页面
CSS 教程:CSS 文本阴影
HTML DOM 参考:textShadow 属性