最新的Web開發教程
 

Style textShadow Property

<Style對象

添加陰影文字:

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

定義和用法

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


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該textShadow屬性在所有主流瀏覽器的支持。

注:在Internet Explorer 9及更早版本不支持textShadow財產。


句法

返回textShadow屬性:

object .style.textShadow

設置textShadow屬性:

object .style.textShadow="none| Note:該textShadow屬性附加一個或多個陰影的文本。 該屬性是逗號分隔的陰影列表中,由2或3個長度值和任選的顏色的每個指定。 省略長度為0。

屬性值

描述
none 沒有陰影繪製。 這是默認
h-shadow 需要。 水平陰影的位置。 允許使用負值
v-shadow 需要。 垂直陰影的位置。 允許使用負值
blur 可選的。 模糊距離
color 可選的。 顏色的陰影。 看看CSS顏色值可能的顏色值的完整列表
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 沒有
返回值: 一個字符串,表示以逗號分隔的陰影效應列表施加到元件的文本
CSS版本 CSS3

更多示例

返回文本的陰影:

alert(document.getElementById("myP").style.textShadow);
試一試»

相關頁面

CSS教程: CSS3文字效果

CSS參考: text-shadow property


<Style對象