Style textShadow 屬性
示例
為文字新增陰影
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
自己動手試一試 »
描述
textShadow 屬性設定或返回文字的一個或多個陰影效果。
瀏覽器支援
屬性 | |||||
---|---|---|---|---|---|
textShadow | 是 | 10.0 | 是 | 是 | 是 |
語法
返回 textShadow 屬性
object.style.textShadow
設定 textShadow 屬性
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
注意:textShadow 屬性為文字附加一個或多個陰影。該屬性是一個逗號分隔的陰影列表,每個陰影由 2 或 3 個長度值和一個可選顏色指定。省略的長度為 0。
屬性值
值 | 描述 |
---|---|
none | 不繪製陰影。這是預設值。 |
h-shadow | 必需。水平陰影的位置。允許負值 |
v-shadow | 必需。垂直陰影的位置。允許負值 |
blur | 可選。模糊距離。 |
color | 可選。陰影的顏色。檢視 CSS 顏色值 以獲取所有可能的顏色值的完整列表。 |
initial | 將此屬性設定為其預設值。閱讀關於 initial |
inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
預設值 | none |
---|---|
返回值 | 一個字串,表示應用於元素文字的逗號分隔的陰影效果列表。 |
CSS 版本 | CSS3 |
更多示例
相關頁面
CSS 教程: CSS3 文字效果
CSS 參考: text-shadow 屬性