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 property