Style textShadow 屬性

定義和用法

textShadow 屬性設置或返回文本的一種或多種陰影效果。

另請參閱：

CSS 教程：CSS 文本陰影

CSS 參考手冊：text-shadow 屬性

實例

例子 1

給文本添加陰影：

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";

親自試一試

例子 2

返回文本陰影：

alert(document.getElementById("myP").style.textShadow);

親自試一試

語法

返回 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

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持