text-shadow

語法:

text-shadow:none | <shadow> [ , <shadow> ]*

<shadow> = <length>{2,3} && <color>?

預設值none

適用於:所有元素

繼承性:有

動畫性:是

計算值:1個顏色加3個絕對長度

媒 體:視覺

取值:

none:
無陰影
<length>1:
第1個長度值用來設定物件的陰影水平偏移值。可以為負值
<length>2:
第2個長度值用來設定物件的陰影垂直偏移值。可以為負值
<length>3:
如果提供了第3個長度值則用來設定物件的陰影模糊值。不允許負值
<color>
設定物件的陰影的顏色。

說明:

定義文字是否有陰影及模糊效果。參閱box-shadow屬性。
  • 可以設定多組效果,每組參數值以逗號分隔。多組陰影特殊效果,Demo: 火焰文字 霓虹文字
  • 如果定義了多組陰影效果,它們的 z-ordering 和多個box-shadow規則相同,第一個陰影在最上面,以此類推。
  • 對應的腳本特性為:textShadow

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0-9.0 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
10.0+

示例: