更多"Try it Yourself"下面的例子。
定義和用法
該text-shadow屬性增加陰影的文本。
此屬性接受被應用於文本以逗號分隔陰影列表。
默認值: | none |
---|---|
遺傳: | yes |
動畫: | yes. Read about animatable Try it |
版: | CSS3 |
JavaScript語法: | object .style.textShadow="2px 5px 5px red" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
text-shadow | 4 | 10.0 | 3.5 | 4 | 9.6 |
CSS語法
text-shadow:h-shadow v-shadow blur-radius color|none|initial|inherit;
Note:多個陰影添加到文本,添加一個逗號分隔陰影列表。
屬性值
值 | 描述 | 播放 |
---|---|---|
h-shadow | 需要。 水平陰影的位置。 允許使用負值 | 播放 ” |
v-shadow | 需要。 垂直陰影的位置。 允許使用負值 | 播放 ” |
blur-radius | 可選的。 模糊半徑。 默認值為0 | 播放 ” |
color | 可選的。 顏色的陰影。 看看CSS顏色值可能的顏色值的完整列表 | 播放 ” |
none | 默認值。 沒有影子 | 播放 ” |
initial | 將此屬性設置為默認值。 閱讀關於初始 | 播放 ” |
inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
更多示例
相關頁面
CSS3教程: CSS3文字效果
HTML DOM參考: textShadow property